VUE 打包删除文件、图片的HASH码
VUE 打包删除文件、图片的HASH码
前言:vue打包的时候默认是会加hash加密的,很多时候不能这样,今天就遇到一个需求不要hash加密,很久没弄了就记录一下。
步骤:
首先进入:进入项目-》build -》webpack.prod.conf.js 找到
filename: utils.assetsPath('js/[name].[chunkhash].js'),
filename: utils.assetsPath('css/[name].[contenthash].css'),
修改成:
filename: utils.assetsPath('js/[name].js'),
filename: utils.assetsPath('css/[name].css'),
好了,打包测试一下吧。
备注:在配置文件中还有一个chunkFilename
,chunkFilename 没有找到官方的具体说明,大概就是在生成一些临时文件时,会生成这种chunkFile,这些我们平时用不上,所以建议原生态比较好。
去掉map文件和图片及其他静态hash:
(1)去掉.map
文件
进入项目目录-》config -》 index.js 中设置:
productionSourceMap: false
(2)去掉临时文件生成的hash
加密:
注销:
chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
改为
chunkFilename: utils.assetsPath('js/[id].js')
(3)去掉图片及其他hash:
进入build -》 webpack.base.conf.js
修改:
name: utils.assetsPath('img/[name].[hash:7].[ext]')
为
name: utils.assetsPath('img/[name].[ext]')
其他参考img方式去除就行,好了现在就可以去掉所有hash了。