Vue.js &引用；新产品管理运行开发“；创建0.js、1.js、。。。我的公用文件夹中的14.js文件

我是一个使用Webpack、NPM和VueJS的初学者

我不知道我做了什么，在网上也找不到任何解决办法

当我在VueJS中运行命令

npm run dev

时，webpack会创建15个编号为0.js到14.js的文件

文件的第一行是：

(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[0],{

其中0位于文件名中

有人知道我在应用程序中破坏了什么吗

编辑：

我发现每个文件都与一个组件相关。 我猜这与我的路由器文件有关：

import Vue from 'vue';
import Router from 'vue-router';

Vue.use(Router);

function loadView(view) {
    return () => import(`../components/${view}.vue`);
}

function loadLayout(view) {
    return () => import(`../components/_layouts/${view}.vue`);
}

const routes = [
    // USER ROUTES
    {
        path: '/dashboard',
        component: loadView('user/Dashboard'),
        meta: {
            layout: loadLayout('user/Layout'),
            auth: "user"
        },
        name: 'user'
    },
    // SUPPLIER ROUTES
    {
        path: '/supplier',
        component: loadView('supplier/Dashboard'),
        meta: {
            layout: loadLayout('supplier/Layout'),
            auth: "supplier"
        },
        name: 'supplier'
    },
    // ADMIN ROUTES
    {
        path: '/admin',
        component: loadView('admin/Dashboard'),
        meta: {
            layout: loadLayout('admin/Layout'),
            auth: "admin"
        },
        name: 'admin'
    },
    // DEFAULT ROUTES
    {
        path: '/register',
        component: loadView('auth/Register'),
        meta: {
            layout: loadLayout('home/Layout'),
            auth: false
        },
        name: 'register'
    },
    {
        path: '/login',
        name: 'login',
        component: loadView('auth/Login'),
        meta: {
            layout: loadLayout('home/Layout'),
            auth: false
        }
    },
    {
        path: '/',
        component: loadView('home/Home'),
        meta: {
            layout: loadLayout('home/Layout'),
            auth: undefined
        },
        name: 'home'
    },
    // otherwise redirect to home
    {
        path: '*',
        redirect: '/'
    }

];

Vue.router = new Router({
    hashbang: false,
    mode: 'history',
    routes
});

export default Vue.router;

---

要移动这些动态导入，您必须将此代码放入

webpack.mix.js

：

mix.webpackConfig({     
    output: {         
        chunkFilename: 'js/[name].js',     
    }, 
});

---

要移动这些动态导入，您必须将此代码放入

webpack.mix.js

：

mix.webpackConfig({     
    output: {         
        chunkFilename: 'js/[name].js',     
    }, 
});

---

是否添加了动态导入

import（）

我编辑了我的文章，是的，我动态导入我的组件整数文件名是

import（）

的默认行为。在Google上搜索“import（）指定文件名”，您应该会看到类似于

/*webpackChunkName*/

的内容，文件名并不是一个真正的问题。。。主要问题是它们都在我的公用文件夹中，占用了很多空间。Idk为什么它们会被放入公共文件夹，这是不应该发生的。当您

npm运行build

时是否也会发生这种情况？是否添加了动态导入

import（）

我编辑了我的文章，是的，我动态导入我的组件整数文件名是

import（）

的默认行为。在Google上搜索“import（）指定文件名”，您应该会看到类似于

/*webpackChunkName*/

的内容，文件名并不是一个真正的问题。。。主要问题是它们都在我的公用文件夹中，占用了很多空间。Idk为什么它们会被放入公共文件夹，这是不应该发生的。当您

npm运行build

时也会发生这种情况吗？