vue-cli4打包配置

1.在項目根目錄建立vue.config.js

 

module.exports = {
    publicPath: "./", // 公共路徑(必須有的)
    outputDir: "dist", // 輸出文件目錄
    assetsDir: "static", //靜態資源文件名稱
    lintOnSave: false,
    productionSourceMap: false, //去除打包后js的map文件
    devServer: { //啟動項目在8080端口自動打開
        open: true,
        port: 8080,
        proxy: null
    },
    //去掉console
    configureWebpack: (config) => {
        // 判斷為生產模式下，因為開發模式我們是想保存console的
        if (process.env.NODE_ENV === "production") {
            config.optimization.minimizer.map((arg) => {
                const option = arg.options.terserOptions.compress;
                option.drop_console = true; // 打開開關
                return arg;
            });
        }
    },
};

 

 2.打包之后就會生成一個dist包，console.log()也已經去掉