请选择 进入手机版 | 继续访问电脑版

Vue生产环境中移除console信息

[复制链接]
茂忠想你 发表于 2021-1-1 17:48:15 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
Vue项目在生产情况中不需要console信息,只是在开辟情况方便我们调试,在生产情况我们需要移除console

所以移除console
首先需要安装一个插件(babel-plugin-transform-remove-console)在vue ui可视化面板的build阶段移除所有的console信息
操作如下 :
1.如果在vue ui可视化面板中打开项目控制台,点击依赖->开辟依赖,输入babel-plugin-transform-remove-console,安装该依赖

2.也可以在下令行中使用 npm install babel-plugin-transform-remove-console --save-dev 举行安装
安装后打开babel.config.js,编辑代码如下:
  1. module.exports = {         plugins: ['transform-remove-console']}
复制代码
但是此时由于babel.config.js 是全局共享的,所以这种方式不管是项目的开辟阶段还是生产阶段,都会生效,都会移除console
所以需要判定当前是开辟情况还是生产情况
此时代码如下
  1. //项目发布阶段需要用到的babel插件const productPlugins = []​//判定是开辟还是生产阶段if(process.env.NODE_ENV === 'production'){  //生产阶段  productPlugins.push("transform-remove-console")}module.exports = {  "plugins": [          // 使用展开运算符展开数组          ...prodPlugins  ]}
复制代码
此时,在生产情况,项目中的console信息被移除,而开辟情况继续存在

来源:https://blog.csdn.net/weixin_47377787/article/details/112010631
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则


专注素材教程免费分享
全国免费热线电话

18768367769

周一至周日9:00-23:00

反馈建议

27428564@qq.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc.( 蜀ICP备2021001884号-1 )