[使用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的预设是否由于无法通过此配置文件设置插件而混为一谈?
UPDATE:
创建了a bug report to Vue CLI repo,并且在创建了一个最小的bug复制存储库时,我发现此插件正在与新项目一起使用。但是,我不知道是什么原因造成的,因为我已经将该应用程序与最新的CLI引导模板进行了同步,并且还尝试通过`npm cache clean --force来破坏NPM缓存。
[通过Vue CLI 4创建的VueJS项目,您可以在babel.config.js中使用此方便的预设来配置Babel:module.exports = {预设:['@ vue / cli-plugin-babel / preset',], };我正在尝试...
似乎@Zydnar推荐nuking node_modules
文件夹的建议可能有所帮助,但是,我还发现我最近的NPM软件包升级被中断了,并且没有完全成功。 有些Vue CLI插件具有不同的版本。