vite+vue2打包防止内存泄漏并自动生成dist.zip文件夹

fail-request

已于 2023-04-25 10:43:22 修改

阅读量648

点赞数

分类专栏： Vue开发经历文章标签： javascript vue

于 2023-04-25 10:41:17 首次发布

本文链接：https://blog.youkuaiyun.com/jz_jingzhen/article/details/130359341

版权

Vue开发经历专栏收录该内容

8 篇文章

订阅专栏

1.package.json配置添加运行内存配置

set NODE_OPTIONS=–max-old-space-size=10240 & vite build

"scripts": {
    "serve": "vite",
    "build:dev":"vite build --mode dev",
    "build:prod": "vite build --mode prod",
    "build": "set NODE_OPTIONS=--max-old-space-size=10240 & vite build",
    "lint": "eslint --ext .js,.vue src --fix",
    "preview": "vite preview",
    "update": "ncu -u && yarn"
  },

2.安装vite-plugin-zip-pack打包依赖

npm install --save-dev vite-plugin-zip-pack

3.vite.config.js引入zip并配置

import ZipPackPlugin from 'vite-plugin-zip-pack'
plugins: [
      ZipPackPlugin({
        name: 'dist',
        path: 'dist',
        library: 'archiver'  // 设置 library: 'archiver' 可以提高 ZIP 文件打包的效率与稳定性
      })
    ],