vueCli3 設置路徑別名以及打包生產dist.zip壓縮包

1、vueCli3.0里面配置webpack 在根目錄創建一個vue.config.js文件

2、需要打包時生成一個dist.zip壓縮包， 得先下載 npm install filemanager-webpack-plugin --save

const FileManagerPlugin = require('filemanager-webpack-plugin');
const path = require("path");

module.exports = {
   configureWebpack:{
       //設置路徑別名
       resolve:{
           //省略引入文件的擴展名
          extensions:['.js', '.json', '.vue', '.scss', '.css'],
          alias: {
              "@": path.resolve(__dirname, "./src"),
              "@c": path.resolve(__dirname, "./src/common")
          }
       }
       plugins:[
          new FileManagerPlugin({
             onEnd:{
                //首先需要刪除項目根目錄下的dist.zip
                delete:["./dist.zip"],
                
                //然后我們選擇dist文件夾將之打包成dist.zip並放在根目錄
                archive:[{source: "./dist", destination: "./dist.zip"}]
             }
          })
       ]
   }
}