vue实弹第一坑之component: () => import(\\\'@/views/test/directive.vue\\\')

原创 yinglsc 教程 vue 48阅读 2018-08-24 17:50:35 举报

这是做iview模仿admin里面路由的写法,从新创建一个cli的话需要
1;在当前目录下执行cnpm install -D babel-plugin-syntax-dynamic-import
2;当前目录下有一个隐藏文件.babelrc
{
"presets": [
["es2015", { "modules": false }]
],
"plugins": ["syntax-dynamic-import"]
}
3;webpack.base.config.js里面
const resolve = dir => {
return path.join(__dirname, dir)
}
resolve: {
extensions: ['.js', '.vue'],
alias: {
'vue': 'vue/dist/vue.esm.js',
'@': resolve('src')
}
}
最后路由就可以用
component: () => import('@/views/test/directive.vue')
这个项目采用的iview官方推荐项目生成
动态导入
据说https://webpack.docschina.org/guides/code-splitting#-dynamic-imports-可以帮助你

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复