webpack在vue单页面搭建中,js命名问题

使用vue-cil搭建vue单页应用中,每个页面按需加载,搭建中访问每个页面都会加载一个js,webpack输出的每个页面的js命名都是以数字命名,怎么改成以文件名命名方式。

build的webpack.base.conf.js 代码没有修改过,代码附上

clipboard.png

主要是filename: '[name].js' 为啥会生成0.js、1.js,都是按照数字

阅读 4.1k
2 个回答

我又认真查了下,楼上的那个改的文件对了,只是不是那样改的。
需要改chunkFilename: utils.assetsPath('js/[name].[chunkhash].js'),
懒加载路由需要这样 const detail = r => require.ensure([], () => r(require('@/pages/index/children/detail')), 'detail'),意思是给 chunk 命名,也算是分组,不会生成了no-name的chunk。这样build可以生成detail.js。

是在build文件夹中的webpack.prod.conf.js中去掉.js/.css后面的哈希。
图片描述

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题