vue-cli3 配置生産環境清除console.log()

首先，先下載下傳依賴

npm i [email protected] --save-dev

然後在

vue.config.js

檔案裡面進行如下配置

const UglifyJsPlugin = require("uglifyjs-webpack-plugin")
module.exports = {
  publicPath: BASE_URL,
  css: { // 配置css子產品
    loaderOptions: { // 向預處理器 Loader 傳遞配置選項
      less: { // 配置less（其他樣式解析用法一緻）
        javascriptEnabled: true // 設定為true
      }
    }
  },
  devServer: {
    /*.............*/
  chainWebpack: config => {
	  configureWebpack: (config) => {
	    if (process.env.NODE_ENV === 'production') {
	      config.plugins.push(
	        new UglifyJsPlugin({
	          uglifyOptions: {
	            compress: {
	              warnings: false,
	              drop_debugger: true, // console
	              drop_console: true,
	              pure_funcs: ['console.log'] // 移除console
	            },
	          },
	          sourceMap: false,
	          parallel: true,
	        })
	      )
	    }
  },