webpack中import動態設置webpackChunkName方法

 

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

大多數情況下我們使用動態import()是通過循環來做的，這樣我們就不得不引入變量了，使用[request]來告訴webpack，這里的值是根據后面傳入的字符串來決定，本例中就是變量pkgName的值