前端npm打包自动压缩

需要插件rollup-plugin-compression

在vite.config中使用

复制代码
import compresssionBuild from 'rollup-plugin-compression'
import type { ICompressionOptions } from 'rollup-plugin-compression'
import dayjs from 'dayjs'
import packageInfo from './package.json'
const option: ICompressionOptions = {
  sourceName: `dist`, //要打包的目录
  type: 'zip', //打包的后缀
  targetName: `${packageInfo.name.replace('-', '_')}${dayjs(new Date()).format(
    'YYYYMMDDHHmmss'
  )}`, //打包后的包名,根据需要自行修改
  ignoreBase: true //默认打包源文件夹本身,配置为true则只打包文件夹内文件
}

export default defineConfig({
  plugins: [
    compresssionBuild(option)
  ],
})

打包运行npm run build

相关推荐
每天吃饭的羊6 分钟前
LeetCode JS 常用辅助数据结构
前端
丑过三八线11 分钟前
【无标题】
前端
yuananyun17 分钟前
APP 图标规范与设计全攻略:iOS/Android/Web 一次设计多端合规,快速出图
android·前端·ios
李剑一17 分钟前
面试问网络?问到我的软肋了。面试官:讲一下HTTP强缓存与协商缓存
前端·面试
小雨下雨的雨21 分钟前
近视度数模拟器鸿蒙PC Electron框架技术实现详解
前端·javascript·electron
喜欢踢足球的老罗25 分钟前
逆向 WhatsApp Web:前端 SDK 深度剖析与 Chrome 插件实战指南
前端·chrome
Geoking.25 分钟前
SSH 一断 Node 服务就挂?排查与解决方案记录
运维·node.js·ssh
roseonly_h26 分钟前
如何将钉钉微应用在浏览器打开
前端·钉钉
小雨下雨的雨36 分钟前
鸿蒙PC用Electron框架——Canvas蜡笔抖动效果实现技术深度解析
前端·javascript·华为·electron·鸿蒙系统
ZC跨境爬虫37 分钟前
跟着 MDN 学CSS day_49:定位实例练习从入门到精通
前端·css·学习