如何在Vue项目中设置Webpack ChunkName？

Question

我的webpack块有问题！！我有一个有铅的安装“ @ babel / plugin-syntax-dynamic-import”，这是我的设置和import（）代码。只有生成入口index.js文件到输出文件夹，所以我缺少什么？为什么不生成块文件“ about.bundle.js”？

我有ue 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',
  }