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

相关推荐
search74 小时前
前端设计:CRG 3--CDC error
前端
治金的blog4 小时前
vben-admin和vite,ant-design-vue的结合的联系
前端·vscode
利刃大大5 小时前
【Vue】Vue2 和 Vue3 的区别
前端·javascript·vue.js
荔枝一杯酸牛奶6 小时前
HTML 表单与表格布局实战:两个经典作业案例详解
前端·html
Charlie_lll6 小时前
学习Three.js–纹理贴图(Texture)
前端·three.js
yuguo.im7 小时前
我开源了一个 GrapesJS 插件
前端·javascript·开源·grapesjs
安且惜7 小时前
带弹窗的页面--以表格形式展示
前端·javascript·vue.js
GISer_Jing8 小时前
AI驱动营销:业务技术栈实战(From AIGC,待总结)
前端·人工智能·aigc·reactjs
GIS之路10 小时前
GDAL 实现影像裁剪
前端·python·arcgis·信息可视化
AGMTI10 小时前
webSock动态注册消息回调函数功能实现
开发语言·前端·javascript