vuecli 清除console debugger等

插件名稱terser-webpack-plugin@4.2.3 以上版本 webpack4不支持

• 經測試只有在生產模式下才會生效

  • 解釋文檔 2文檔

  • 從 webpack 4 開始，會根據你選擇的 mode 來執行不同的優化， 不過所有的優化還是可以手動配置和重寫。

  • 大概描述:如果沒有設置mode，webpack 會給 mode 的默認值設置為 production。

  • 結論: 此插件屬於優化配置,優化又會根據mode來進行不同優化,mode默認值為生產模式,所以此項優化默認針對於生產模式

• 使用文檔

• 詳細參數配置文檔

• vuecli配置相關使用文檔

• 發現插件的文檔

  說明 這個需要在函數中配改變配置;在對象中改變會報錯,文檔中的解釋如果你需要基於環境有條件地配置行為，或者想要直接修改配置，那就換成一個函數 (該函數會在環境變量被設置之后懶執行)。該方法的第一個參數會收到已經解析好的配置。在函數內，你可以直接修改配置，或者返回一個將會被合並的對象：

• 配置示例(vuecli)

const TerserPlugin = require('terser-webpack-plugin');
configureWebpack: config => {
    config.plugins = config.plugins.concat([new TerserPlugin({
        terserOptions: {
          compress: {
            drop_console: true
          }
        }
      })])
  },