vue -03プロジェクトは、リリースフェーズ（ソリューション）にコンソールコマンド（コンソールなし）がないことを要求します

質問：プロジェクトはリリースフェーズでコンソール出力コマンドを持つことはできません。コンソール出力コマンドは開発フェーズでのみ使用できます。開発フェーズでコンソール出力コマンドの使用を実現する方法ですが、コンソール出力コマンドはリリースフェーズ、つまりリリースフェーズでconsole.log（）コマンドを無効にする方法は？

---

解決策：babel-plugin-transform-remove-console依存関係を使用する

---

手順：
1。依存関係をインストールします

2.babel.config.jsファイルでデバッグします

// 区分一下是开发阶段还是发布阶段
const prodPlugins = []
// 发布阶段即添加消除控制面板打印的方法
if (process.env.NODE_ENV === 'production') {
  prodPlugins.push('transform-remove-console')
}
module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  plugins: [
    [
      'component',
      {
        libraryName: 'element-ui',
        styleLibraryName: 'theme-chalk'
      }
    ],
    // 发布产品时候的插件数组
    ...prodPlugins
  ]
}

説明：no-consoleを実装する場合は、ファイルのプラグイン配列に「transform-remove-console」を追加する必要があります。

同時に、process.env.NODE_ENVを使用して、リリースか開発
（開発は開発）（本番はリリース）かを判断できます。

開発段階と判断されたら、定義された変数に値を割り当て（ 'transform-remove-console'）
、プラグインフィールド（... prodPlugins）で定義された変数を展開します