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

相关推荐
|晴 天|8 小时前
Vue 3 + TypeScript + Element Plus 博客系统开发总结与思考
前端·vue.js·typescript
猫3289 小时前
v-cloak
前端·javascript·vue.js
旷世奇才李先生9 小时前
Vue 3\+Vite\+Pinia实战:企业级前端项目架构设计
前端·javascript·vue.js
SoaringHeart10 小时前
Flutter进阶:用OverlayEntry 实现所有弹窗效果
前端·flutter
IT_陈寒12 小时前
Vite静态资源加载把我坑惨了
前端·人工智能·后端
herinspace12 小时前
管家婆实用贴-如何分离和附加数据库
开发语言·前端·javascript·数据库·语音识别
小码哥_常12 小时前
从MVC到MVI:一文吃透架构模式进化史
前端
嗷o嗷o12 小时前
Android BLE 的 notify 和 indicate 到底有什么区别
前端
豹哥学前端13 小时前
别再背“var 提升,let/const 不提升”了:揭开暂时性死区的真实面目
前端·面试
lar_slw13 小时前
k8s部署前端项目
前端·容器·kubernetes