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

相关推荐
zpjing~.~11 分钟前
CSS 过渡动画效果
前端·css
Senar15 分钟前
机器学习和前端
前端·人工智能·机器学习
GISer_Jing17 分钟前
React基础知识(总结回顾一)
前端·react.js·前端框架
我叫czc44 分钟前
【Python高级366】静态Web服务器开发
服务器·前端·python
温轻舟1 小时前
前端开发 -- 自动回复机器人【附完整源码】
前端·javascript·css·机器人·html·交互·温轻舟
赵大仁1 小时前
深入解析 Vue 3 的核心原理
前端·javascript·vue.js·react.js·ecmascript
csstmg1 小时前
记录一次前端绘画海报的过程及遇到的几个问题
前端
bidepanm1 小时前
Vue.use()和Vue.component()
前端·javascript·vue.js
顾平安1 小时前
手写 PromiseA+ 实现,轻松通过 872 条用例
前端
胡西风_foxww1 小时前
【ES6复习笔记】对象方法扩展(17)
前端·笔记·es6·对象·方法·扩展·对象方法扩展