使用Vue CLI 4创建的VueJS项目,您可以在以下位置使用方便的预置配置Babel babel.config.js
:
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset',
],
};
我正在尝试使用babel-plugin-transform-remove-consoleconsole.*
从内置的JS文件中删除。
通过以下方式将插件安装为开发依赖项: 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 cache clean --force来破坏NPM缓存。
@Zydnar推荐使用nukingnode_modules
文件夹的建议似乎有所帮助,但是,我还发现我最近的NPM软件包升级被中断了,并且没有完全成功。有一些Vue CLI插件具有不同的版本。
在对node_modules
所有软件包进行核对和升级之后,此Babel插件开始工作!
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句