zoukankan      html  css  js  c++  java
  • vue -- vue-cli webpack项目打包后自动压缩成zip文件

      用vue2.0开发项目,使用npm run build 命令 ,但是只会生成dist文件夹,以下是生成zip压缩包方法

    1,插件安装

     webpack插件安装 filemanager-webpack-plugin,该插件可执行打包,复制,移动,删除文件以及新文件夹在build之前及之后创建。

    安装:      npm install filemanager-webpack-plugin --save-dev  或 npm install filemanager-webpack-plugin --save-dev

     2.webpack配置

     1)在项目 根目录 build/webpack.base.config.js 中抬头变量声明区域添加

    const FileManagerPlugin = require('filema nager-webpack-plugin')

    2) 在根目录 build/webpack.base.config.js 内找到 module.exports。 然后在plugins内添加

      new FileManagerPlugin({
          onEnd: {
              delete: [
                  './dist/mydemo.zip',
              ],
              archive: [
                  {source: './dist', destination: './dist/mydemo.zip'},
              ]
          }
      })

    若 plugins不存在,则新建plugins,plugins为数组格式。

    3.执行效果 
    配置完成后,重新执行 npm run build 命令 执行完后 ,在dist文件夹内(上面配置的目的地目录为 dist文件夹)就可以看到





  • 相关阅读:
    C++并发编程实战---阅读笔记
    设计模式---命令模式
    图解HTTP(六)HTTP首部
    HTTP 状态码
    使用VS2012调试Dump文件
    如何设置C++崩溃时生成Dump文件
    boost::asio::io_service类
    boost::asio 同步&异步例子
    boost::bind
    c++并发编程之原子操作的实现原理
  • 原文地址:https://www.cnblogs.com/ganws/p/11137981.html
Copyright © 2011-2022 走看看