Webpack+Vue-router实现懒加载

Webpack+Vue-router实现懒加载

---

vue的配置:
异步加载

const loginMain= () => import('src/modules/components/login/loginMain/loginMain.js');
const routes = [
    {
        path: '/',redirect:"/login", component: loginMain,
    }
]

才分打包:Webpack 会将每个异步加载打包成一个.js文件

webpack 配置:
这里chunkFilename是必填项,如果没有此项配置,打包时不会有对应的js生成重点内容

 entry : {
        "main":"./src/main.js"
    },
    output: {
        filename:'[name].[hash:5].js',
        chunkFilename: 'js/[name].[chunkhash:5].js',
        path:path.resolve(__dirname,"dist/js")
    },