当前位置: 首页 > news >正文

uni-app开启gzip配置

指令:npm install webpack@4.46.0 --save-dev
指令:npm install compression-webpack-plugin@6.1.1 --save-dev

vue.config.js
const CompressionWebpackPlugin = require('compression-webpack-plugin');module.exports = {configureWebpack: config => {if (process.env.UNI_PLATFORM === 'h5') {filePath = 'static/js/'; //打包文件存放文件夹路径Timestamp = '.' + new Date().getTime(); //时间戳}config.plugins.push(new CompressionWebpackPlugin({filename: "[path][base].gz",algorithm: "gzip",test: /\.js$/,threshold: 10240,minRatio: 0.8,exclude: /node_modules/,}));},chainWebpack: config => {//通过运行 vue inspect plugins 的值html插件别名。。  config.plugin('html-index').tap(args => {args[0].minify = {removeAttributeQuotes: false}return args})config.when(process.env.NODE_ENV === "production", config => {config.plugin('html-index').tap(args => {args[0].minify = {removeAttributeQuotes: false}return args})config.output.filename("static/js/[name]-[contenthash].js");config.output.chunkFilename("static/js/[id]-[chunkhash].js");config.optimization.splitChunks({name: false, //官方建议在生产环境时将 name 设置为 false,为了“it doesn't change names unnecessarily”hidePathInfo: true,})})},
}

这样打包出来的文件名就会短很多,且会打包压缩出gz文件.

http://www.lryc.cn/news/141453.html

相关文章:

  • 房屋结构健康监测,科技助力让建筑更安全
  • Android 面试之Glide做了哪些优化?
  • 【韩顺平 零基础30天学会Java】数组、排序和查找(2days)
  • VUE笔记(一)初识vue
  • 3D点云处理:学习总结(更新整理中)
  • Day45|leetcode 70. 爬楼梯、322. 零钱兑换、279.完全平方数
  • arm:day9
  • 【大模型AIGC系列课程 1-2】创建并部署自己的ChatGPT机器人
  • 启动metastore服务报错
  • c 语言 算法 技巧 之 用移位来代替乘除
  • python爬虫实战零基础(3)——某云音乐
  • 渗透测试漏洞原理之---【XSS 跨站脚本攻击】
  • 【浮点数二分】
  • 基于FPGA的FIR低通滤波器实现(附工程源码),matlab+vivado19.2+simulation
  • c++ qt--事件(第六部分)
  • 嵌入式系统入门实战:探索基本概念和应用领域
  • 关于hive sql进行调优的理解
  • 十大排序算法
  • PIP 常用操作汇总
  • 线性代数的本质笔记(3B1B课程)
  • 快速掌握MQ消息中间件rabbitmq
  • Git push拦截
  • 拼多多anti-token分析
  • 基于微信小程序的中医体质辨识文体活动的设计与实现(Java+spring boot+MySQL)
  • 4.16 TCP 协议有什么缺陷?
  • VMware 修改ip地址 虚拟机静态ip设置 centos动态ip修改为静态ip地址 centos静态ip地址 vmware修改ip地址
  • Deepin添加Ubuntu源
  • Mysql的多表查询和索引
  • Java设计模式之建造者模式
  • H5商城公众号商城系统源码 积分兑换商城系统独立后台