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了。

posted @ 2022-12-06 22:18  轻风细雨_林木木  阅读(29)  评论(0编辑  收藏  举报