vue-cli3 每次打包都改变css img js文件名,还有自带版本号
2024-08-22 04:15:28
let Version = new Date().getTime(); css: {
// 是否使用css分离插件 ExtractTextPlugin
extract: {
//一种方式,打包后的css 会带版本号,不改变文件名的。
filename: 'css/[name].css?v=' + Version, chunkFilename
:
'css/[name].css?v=' + Version
//一种方式,每次打包后的css文件名会变更新。
filename: 'css/[name].[' + Version + '].css', chunkFilename
:
'css/[name].[' + Version + '].css'
}
}
,
chaingWebpack:config => {
config.module
.rule('images')
.test(/\.(png|jpe?g|gif|webp)(\?.*)?$/)
.use('url-loader')
.loader('url-loader')
.tap(options => {
// 修改它的选项...
options.fallback.options.name = 'img/[name].[ext]?' + Version; //去除图片hash
options.limit = 1024; //这是字节(Byte)限制,1KB = 1024Byte ,当图片的大小小于 1KB ,则会被转为 base64格式,打包进js文件,大于1KB,则会被打包进 img 文件夹,供链接请求获取。
return options
});
}
configureWebpack: config => {
config.output.chunkFilename = 'js/[name].[' + Version + '].js' //这种方式适合设备缓存不严重的
config.output.chunkFilename = 'js/[name].js?v=' + Version //这种是给打包后的chunk文件加版本号。
}
有问题请留言,有帮助请点推荐,谢谢!
最新文章
- C#中DateTime.Ticks属性及Unix时间戳转换
- js获取url地址中的参数
- thinkphp学习笔记13-15集
- vb6获取字符串长度
- 8.1H5学习笔记
- 转 在SQL Server中创建用户角色及授权(使用SQL语句)
- Netty4.x中文教程系列(三) ChannelHandler
- xcode升级后, 插件失效修复
- Installing the .NET Framework 4.5, 4.5.1
- 在python 中有时候我们用数组
- java 多线程使用方法及Socket的使用
- 配置SQL Server on Linux(2)
- java代码调用使用cxf搭建的webService服务传递对象
- 理解 KMP 算法
- (5)Linux权限管理
- 开始写博客,学习Linq
- Android开源框架Afinal第一篇——揭开圣女的面纱
- lumen之composer自动加载
- 数据重组:对一堆相似字典进行分类统计(shidebin)
- GoldenGate 12.3发布