Babel 插件 transform-remove-console 不适用于 Vue CLI 4 @vue/cli-pl

Question

使用 Vue CLI 4 创建的 VueJS 项目，您可以在babel.config.js中使用此方便的预设配置 Babel

：

module.exports = {
presets: [
'@vue/cli-plugin-babel/preset',
],
};

我正在尝试使用 babel-plugin-transform-remove-console 从构建的 JS 文件中删除console.*。

通过以下方式将插件安装为开发依赖项：npm i -D babel-plugin-transform-remove-console

然后修改babel.config.js：

module.exports = (api) => {
var env = api.cache(() => process.env.NODE_ENV);
var plugins = [];
// Change to 'production' when configs are working
if (env === 'development') {
plugins.push(['transform-remove-console', { exclude: ['error', 'warn'] }]);
}
return {
presets: ['@vue/cli-plugin-babel/preset'],
// plugins,
// Doesn't work even when always on?
plugins: ['transform-remove-console'],
};
};

这应该通过运行npm run serve -- --reset-cache来工作，我也尝试过多次使用不同的环境构建应用程序，但控制台日志记录仍然显示在浏览器的控制台中？

Vue CLI 的预设是否因为无法通过此配置文件设置插件而以某种方式混淆了它？

更新：向 Vue CLI 存储库创建了一个错误报告，在创建最小的错误复制存储库时，我发现这个插件正在处理一个新项目。

但是，我不知道是什么原因造成的，因为我已将此应用程序与最新的 CLI 引导模板同步，并且还尝试通过"npm 缓存清理 --force"来核弹 NPM 缓存。

Answer 1

我遇到了同样的问题。这不起作用：

plugins: ['transform-remove-console']

但这奏效了：

plugins: [['transform-remove-console', { exclude: ['error', 'warn'] }]]

希望这有助于遇到相同问题的其他人。

Answer 2

似乎@Zydnar对node_modules文件夹的建议可能会有所帮助，但是，我也发现我最近的 NPM 包升级已被中断并且尚未完全成功。有一些 Vue CLI 插件有不同的版本。

在核node_modules并升级所有软件包后，这个 Babel 插件开始工作！