webpack中import动态设置webpackChunkName方法
Posted 年轻的资本！
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了webpack中import动态设置webpackChunkName方法相关的知识，希望对你有一定的参考价值。
routes.push({
path: ‘/‘ + pkgName,
components: {
default: Index,
main: () => import(
/* webpackChunkName: "doc-[request]" */
`./view/${pkgName}.vue`)
},
name: pkgName
});
大多数情况下我们使用动态import()是通过循环来做的，这样我们就不得不引入变量了，使用[request]来告诉webpack，这里的值是根据后面传入的字符串来决定，本例中就是变量pkgName的值
以上是关于webpack中import动态设置webpackChunkName方法的主要内容，如果未能解决你的问题，请参考以下文章
在 Webpack 4 中，我们可以使用 import() 令牌动态生成页面块，以便我们可以将 react 组件转换为 react-loadable 吗？