如何在 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