vue技术交流群（864583465）Vue项目用webpack打包后显示文件名(魔法注释)

Vue项目用webpack打包后显示文件名(魔法注释)

1. webpack.prod.conf.js文件修改 output

output: {
  path: config.build.assetsRoot,
  filename: utils.assetsPath('js/[name].[chunkhash].js'),
  chunkFilename: utils.assetsPath('js/[name].[chunkhash].js')
},

2. 在路由或组件中找到懒加载组件的component

{
  path: 'home',
  name: 'home',
  component: ()=> import(/* webpackChunkName: 'home' */'../components/home.vue')
},

其中/* webpackChunkName: 'home' */中的home即是打包后显示的文件名称（包含哈希值）

PS：欢迎加入vue技术交流群（864583465）进行更多问题的探讨，你的问题将是我们大家共同进步的关键