vue-cli 설정 로그 출력 및 자원 안내

3598 단어 node.jsvue.js
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"));
  },
}

좋은 웹페이지 즐겨찾기