«npm run dev» создает 0. js, 1. js, ... 14. js файлы в моей папке publi c - PullRequest
Новая
       9

«npm run dev» создает 0. js, 1. js, ... 14. js файлы в моей папке publi c

1 голос
/ 09 июля 2020

Я новичок в использовании Webpack, NPM и VueJS.

Я не знаю, что я сделал, и не могу найти решение для inte rnet.

Когда я запускаю команду npm run dev в VueJS, webpack создает 15 файлов с номерами от 0. js до 14. js

Первые строки файлов: 

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

Где 0 в имени файла

Кто-нибудь знает, что я сломал в своем приложении?

EDIT:

Я понял, что каждый файл связан с одним компонентом. И я предполагаю, что это связано с моим файлом маршрутизатора: 

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;

1 Ответ

0 голосов
/ 09 июля 2020

Чтобы переместить этот динамический c импорт, вы должны поместить этот код в webpack.mix.js: 

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