Webpack, создающий неизвестные скомпилированные файлы после реализации Vue-router - PullRequest
Новая
       10

Webpack, создающий неизвестные скомпилированные файлы после реализации Vue-router

0 голосов
/ 01 июля 2019

У меня есть проект, в котором я использую Vue JS для внешнего интерфейса и Vue-Router для обработки внешних маршрутов.Я разделил код приложения на отдельные компоненты Vue, которые динамически загружаются с помощью Vue-Router.Однако, когда я компилирую все с помощью веб-пакета, он создает дополнительные файлы компонентов, которых там быть не должно.

Мой Vue-Router: 

const router = new VueRouter({
    mode: "history",
    routes: [
        {
            path: "/admin",
            component: () => import("./admin/Dashboard.vue" /* webpackChunkName: "js/admin/components/dashboard" */ )
        },
        {
            path: "/prospects",
            component: () => import("./admin/Prospects.vue" /* webpackChunkName: "js/admin/components/prospects" */ )
        },

        {
            path: "/food-cats",
            component: () => import("./admin/FoodCats.vue" /* webpackChunkName: "js/admin/components/food-cats" */ )
        },
        {
            path: "/base-categories",
            component: () => import("./admin/BaseCats.vue" /* webpackChunkName: "js/admin/components/base-categories" */ )
        },
        {
            path: "/base-crusts",
            component: () => import("./admin/BaseCrusts.vue" /* webpackChunkName: "js/admin/components/base-crusts" */ )
        },
        {
            path: "/base-toppings",
            component: () => import("./admin/BaseToppings.vue" /* webpackChunkName: "js/admin/components/base-toppings" */ )
        },
        {
            path: "/zip-codes",
            component: () => import("./admin/ZipCodes.vue" /* webpackChunkName: "js/admin/components/zip-codes" */ )
        },
        {
            path: "/states",
            component: () => import("./admin/States.vue" /* webpackChunkName: "js/admin/components/states" */ )
        },
        {
            path: "/regions",
            component: () => import("./admin/Regions.vue" /* webpackChunkName: "js/admin/components/regions" */ )
        },
        {
            path: "/users",
            component: () => import("./admin/Users.vue" /* webpackChunkName: "js/admin/components/users" */ )
        }
    ],
    scrollBehavior (to, from, savedPosition) {
        return savedPosition || { x: 0, y: 0 };
    }
});

Когда я компилирую этиassets с webpack создает файлы для каждого чинка, которые я указал с помощью "webpackChunkName".Однако он также создает два дополнительных файла:

js / admin / components / base-Categories ~ js / admin / components / base-crts ~ js / admin / components / base-topping ~ 645cdee9.js

vendors ~ js / admin / components /ансов.js

Выход Webpack: 

 js/admin/components/base-categories.js  9.34 KiB                                                                            js/admin/components/base-categories  [emitted]  js/admin/components/base-categories
js/admin/components/base-categories~js/admin/components/base-crusts~js/admin/components/base-topping~645cdee9.js  28.9 KiB  js/admin/components/base-categories~js/admin/components/base-crusts~js/admin/components/base-topping~645cdee9  [emitted]  js/admin/components/base-categories~js/admin/components/base-crusts~js/admin/components/base-topping~645cdee9
                                                                              js/admin/components/base-crusts.js   9.4 KiB                                                                                js/admin/components/base-crusts  [emitted]  js/admin/components/base-crusts
                                                                            js/admin/components/base-toppings.js  9.49 KiB                                                                              js/admin/components/base-toppings  [emitted]  js/admin/components/base-toppings
                                                                                js/admin/components/dashboard.js  20.4 KiB                                                                                  js/admin/components/dashboard  [emitted]  js/admin/components/dashboard
                                                                                js/admin/components/food-cats.js  9.51 KiB                                                                                  js/admin/components/food-cats  [emitted]  js/admin/components/food-cats
                                                                                js/admin/components/prospects.js  64.6 KiB                                                                                  js/admin/components/prospects  [emitted]  js/admin/components/prospects
                                                                                  js/admin/components/regions.js  9.27 KiB                                                                                    js/admin/components/regions  [emitted]  js/admin/components/regions
                                                                                   js/admin/components/states.js  9.48 KiB                                                                                     js/admin/components/states  [emitted]  js/admin/components/states
                                                                                    js/admin/components/users.js   9.4 KiB                                                                                      js/admin/components/users  [emitted]  js/admin/components/users
                                                                                js/admin/components/zip-codes.js  9.51 KiB                                                                                  js/admin/components/zip-codes  [emitted]  js/admin/components/zip-codes
                                                                        vendors~js/admin/components/prospects.js   138 KiB                                                                          vendors~js/admin/components/prospects  [emitted]  vendors~js/admin/components/prospects

Почему создаются эти дополнительные файлы и для чего они используются?

...