前端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

相关推荐
0思必得011 小时前
[Web自动化] Selenium获取元素的子元素
前端·爬虫·selenium·自动化·web自动化
用户57573033462411 小时前
🌟 从一行 HTML 到屏幕像素:浏览器是如何“画”出网页的?
前端
NEXT0611 小时前
React Hooks 进阶:useState与useEffect的深度理解
前端·javascript·react.js
sure28211 小时前
React Native应用中使用sqlite数据库以及音乐应用中的实际应用
前端·react native
CHU72903511 小时前
扭蛋机盲盒小程序前端功能设计解析:打造趣味与惊喜并存的消费体验
前端·小程序
前端布道师11 小时前
Web响应式:列表自适应布局
前端
ZeroTaboo11 小时前
rmx:给 Windows 换一个能用的删除
前端·后端
李剑一11 小时前
Vue实现大屏获取当前所处城市及当地天气(纯免费)
前端
_果果然12 小时前
这 7 个免费 Lottie 动画网站,帮你省下一个设计师的工资
前端
QT.qtqtqtqtqt12 小时前
uni-app小程序前端开发笔记(更新中)
前端·笔记·小程序·uni-app