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

相关推荐
fruge2 小时前
2025前端工程化与性能优化实战指南:从构建到监控的全链路方案
前端·性能优化
aesthetician3 小时前
Node.js v25 重磅发布!革新与飞跃:深入探索 JavaScript 运行时的未来
javascript·node.js·vim
lijun_xiao20099 小时前
前端最新Vue2+Vue3基础入门到实战项目全套教程
前端
90后的晨仔9 小时前
Pinia 状态管理原理与实战全解析
前端·vue.js
代码搬运媛9 小时前
【架构相关】tsconfig.json 与 tsconfig.node.json、tsconfig.app.json 的关系和作用
node.js·json
杰克尼9 小时前
JavaWeb_p165部门管理
java·开发语言·前端
EndingCoder9 小时前
WebSocket实时通信:Socket.io
服务器·javascript·网络·websocket·网络协议·node.js
90后的晨仔9 小时前
Vue3 状态管理完全指南:从响应式 API 到 Pinia
前端·vue.js
90后的晨仔9 小时前
Vue 内置组件全解析:提升开发效率的五大神器
前端·vue.js
我胡为喜呀9 小时前
Vue3 中的 watch 和 watchEffect:如何优雅地监听数据变化
前端·javascript·vue.js