首页 前端知识 npm run build 自动生成dist.zip

npm run build 自动生成dist.zip

2024-08-14 22:08:48 前端知识 前端哥 414 100 我要收藏

需求场景:每次项目打包都需要手动将dist文件夹,压缩为dist.zip 比较繁琐
功能实现:每次运行npm run build 自动生成 dist.zip

首先下载插件

npm install filemanager-webpack-plugin --save-dev

然后在项目根目录找到:vue.config.js 文件

const { defineConfig } = require('@vue/cli-service')
// 插件地址: https://www.npmjs.com/package/filemanager-webpack-plugin
const FileManagerPlugin = require('filemanager-webpack-plugin')
const path = require('path')

module.exports = defineConfig({
  lintOnSave: false,
  transpileDependencies: true,
  // 配置插件
  configureWebpack: {
    plugins: [
      new FileManagerPlugin({
        events: {
          onEnd: {
            delete: ['./dist.zip'],
            archive: [{
              source: path.join(__dirname, './dist'),
              destination: path.join(__dirname, './dist.zip')
            }]
          }
        }
      })
    ]
  }
})

最后在终端运行:npm run build ,运行结束在项目根目录自动生成 dist.zip 压缩包

转载请注明出处或者链接地址:https://www.qianduange.cn//article/15621.html
标签
评论
发布的文章

JQuery 详细教程

2024-08-21 22:08:08

jQuery2 高级教程(八)

2024-08-21 22:08:06

jQuery Spellchecker 使用教程

2024-08-21 22:08:50

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!