webpack构建vue项目 基础09之生产环境 打包为zip文件 与 public静态文件的copy

01：webpack构建vue项目 基础09之生产环境 打包为zip文件

• zip

package.json

  "devDependencies": {
    "zip-webpack-plugin": "^4.0.1"
  },
1
2
3

webpack.config.prod.js

  plugins: [
    // 压缩 zip文件
    new ZipPlugin({
      // path: './', //路径名
      path: 'zip',
      filename: 'dist.zip' //打包名
    })
  ]
1
2
3
4
5
6
7
8

npm run build 打包后的效果

02：webpack构建vue项目 基础09之生产环境 public静态文件的copy

package.json

  "devDependencies": {
    "copy-webpack-plugin": "^6.0.3"
  },
1
2
3

webpack.config.prod.js

  plugins: [
    new CopyWebpackPlugin({
      patterns: [{
        from: path.join(__dirname,'../public'),
        to: 'public',
        globOptions: {
          ignore: [
            '**/.*'
          ]
        }
      }]
    })
  ]
1
2
3
4
5
6
7
8
9
10
11
12
13

打包后的效果

• 把项目之中的 public 文件夹内的静态文件 copy到了 dist目录之中