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"}]
             }
          })
       ]
   }
}

 

posted @ 2020-04-24 10:46  敲代码的树先生  阅读(1261)  评论(0编辑  收藏  举报