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"));
  },
}