webpack vue router import() 打包後單個js文件名稱自定義

webpack 配置輸出文件名

  output: {
        path: path.resolve(__dirname, 'public'),
        filename: '[name].[hash:8].js',
        chunkFilename: '[name].[hash:8].js',//動態import文件名
    },

router 的js中
加上/* webpackChunkName: “listDetail” */ 自定義打包後js名字

{
    path: '/ListDetail',
    name: 'ListDetail',
    component: () => import(/* webpackChunkName: "listDetail" */ '@/views/table/listDetail')
  },