vue-cli配置日誌輸出及資源指引

vue-cli4.x項目vue.config.js下通過configureWebpack配置日誌輸出以及chainWebpack下配置資源引用別名。

'use strict'
const path = require("path");
const TerserPlugin = require("terser-webpack-plugin");//日誌處理插件

function resolve(dir) {
  return path.join(__dirname, dir);//獲取絕對路徑
}

module.exports = {
  // 此處省略其它配置
  configureWebpack: {
    optimization: {
      minimizer: [
        new TerserPlugin({
          terserOptions: {
            ecma: undefined,
            warnings: false,
            parse: {},
            compress: {
              drop_console: true,
              drop_debugger: false,
              pure_funcs: ['console.log'] // 移除console
            }
          },
        }),
      ],
    },
  },
  chainWebpack: config => {
    config.resolve.alias
      .set("@", resolve("./src"))
      .set("@components", resolve("./src/components"))
      .set("@comm", resolve("./src/comm"))
      .set("public", resolve("./public"));
  },
}