vue-router-lazy-replace-loader

webpac-dll-loader

vue-router 开发环境是用同步加载，生产环境使用异步加载

• 开发环境vue-router配置

const route = [{
	path: '/',
	name: 'index',
	meta: {
		title: '首页路由',
	},
	component: require('./pages/index/index.vue').default
}]

使用方法

npm install vue-router-lazy-replace-loader --save-dev

编译 webpack.product.config.js 配置新增loader配置 例如：

config.module.rules = (config.module.rules || []).concat([
	{
        //vue-router 生产环境替换为懒加载
        test: /router\.js$/,
        loader: 'vue-router-lazy-replace-loader',
        exclude: "/node_modules/",
        options:{
            version:'v1'
        }
    }
])

参数说明

• version ：vue-loader 14以下版本都是用 v1