webpack中import动态设置webpackChunkName方法

 

routes.push({
    path: ‘/‘ + pkgName,
    components: {      
      default: Index,
      main: () => import(
        /* webpackChunkName: "doc-[request]" */
        `./view/${pkgName}.vue`)
    },
    name: pkgName
  });    

大多数情况下我们使用动态import()是通过循环来做的,这样我们就不得不引入变量了,使用[request]来告诉webpack,这里的值是根据后面传入的字符串来决定,本例中就是变量pkgName的值

文章来自:https://www.cnblogs.com/richard1015/p/12198086.html
© 2021 jiaocheng.bubufx.com  联系我们
ICP备案:鲁ICP备09046678号-3