如何在 vue 项目中设置 webpack ChunkName？

Question

我对 webpack Chunk 有一些问题！ 我已经安装了“@babel/plugin-syntax-dynamic-import”，下面是我的设置和 import() 代码。 输出文件夹中只有生成条目 index.js 文件，所以我缺少什么？ 为什么不生成块文件'about.bundle.js'？

我有 ues vue 2 和 webpack 4

在我的 Vue 路由器 index.js

component: () => import(/* webpackChunkName: "about" */'../views/HelloVue/components/About/about')

在我的 Webpack.config.js

output: {
    path: path.resolve("../web"),
    filename: "./js/[name].js",
    chunkFilename: './js/[name].bundle.js',
  }

Answer 1

如果您有打字稿，请确保tsconfig.json中的"removeComments"选项设置为false