vue项目优化策略去除掉打包文件中的console

最新推荐文章于 2024-04-02 11:00:22 发布
最新推荐文章于 2024-04-02 11:00:22 发布
阅读量314 收藏
点赞数
分类专栏： vue.js 文章标签： vue.js html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/AlZhuo/article/details/108444696
版权

安装插件babel-plugin-transform-remove-console，这个插件可以去除掉你在项目中的console。

插件地址：https://www.npmjs.com/package/babel-plugin-transform-remove-console

安装方法：npm install babel-plugin-transform-remove-console --save-dev

官方方法可以在.babelc中加入

.babelrc这个文件是全局共享的，不管是在开发阶段还是发布阶段他都会把console移除掉，那么这样子就会影响开发。但是我的要求只知道发布阶段移除console？如何让他只在开发阶段生效而在发布阶段不生效呢？

 

 

小猴子编程
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
浅谈vue项目打包优化策略
10-17
主要介绍了浅谈vue项目打包优化策略，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue-cli webpack2项目打包优化分享
08-28
下面小编就为大家分享一篇vue-cli webpack2项目打包优化，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue-cli 正式环境去掉console调试
ylp的博客
03-26 517
正式环境去掉console调试 使用babel-plugin-transform-remove-console插件 npm i --save-dev babel-plugin-transform-remove-console 在babel.config.js中配置 const plugins = []; if(['production', 'prod'].includes(process.env.NODE_ENV)) { plugins.push("transform-remove-conso.
vuecli 清除console debugger等
weixin_43191327的博客
12-15 199
插件名称terser-webpack-plugin@4.2.3 以上版本 webpack4不支持 经测试只有在生产模式下才会生效 解释文档 2文档 从 webpack 4 开始，会根据你选择的 mode 来执行不同的优化， 不过所有的优化还是可以手动配置和重写。 大概描述:如果没有设置mode，webpack 会给 mode 的默认值设置为 production。 结论: 此...
【bug】j解决vue项目打包时的报错，Cannot find package ‘babel-plugin-transform-remove-console‘ imported from‘xx’已解决
最新发布
花椒和蕊的博客
04-02 386
vue项目打包时报的错首先，遇到报错一定别慌，一定别慌，一定别慌~~~~
vue 去除控制台 console.log
^_^
04-06 1664
vue 去除控制台 console.log
vue-cli 生产模式去除 console.log
palmer_kai的博客
04-17 5197
preface 最近项目接近尾声， 开始着手项目加载优化操作，简要如下： 大的背景图 进行了在线压缩 第三方引用的模块使用 cdn引入， 如 vue, elementui ，echarts 异步加载 页面 和 某些 css 或者 js 比较大的模块 … vue-cli 如何 去除 console.log 去除 console 应属于 webpack 插件 的事情，所以一定是需要更改webpa...
vue项目发布时去除console语句
qq_43248623的博客
08-12 180
在vue.config.js中添加下面的代码即可 // vue-cli version > 3 modeule.exports = { configureWebpack: config => { if (process.env.NODE_ENV === "production") { config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true
Vue项目打包编译优化方案
10-14
当一个较复杂的vue项目打包后，文件会非常大，而且访问时资源加载速度很慢，本文介绍了几种措施来优化。
vue打包以后去掉console.log
轻风细雨_林木木
03-21 698
参考资料：https://blog.csdn.net/u014440483/article/details/87267160
vue中 配置bebel-plugin-transform-remove-console插件 打包时去除所有的console 移除所有的console
qq_41287158的博客
11-08 531
第一步、npm install babel-plugin-transform-remove-console --save-dev 第二步、配置babel.config.js文件 （第一种则是无论是开发阶段还是发布阶段都会把console移除） 第二种：我们只希望在项目发布的阶段移除掉console，测试和开发阶段不需要移除console ...
Babel插件，可将有用的详细信息注入控制台语句-JavaScript开发
05-26
队长日志（:skull_and_crossbones:）用法babel-plugin-captains-log将有用的详细信息注入控制台语句。 默认行为：在控制台语句作用域之前添加向控制台st Captain's Log（:skull_and_crossbones:）添加注入变量名称用法babel-plugin-captains-log将有用的详细信息注入控制台语句。 默认行为：在控制台语句文件和位置之前添加将变量名添加到控制台语句中，将函数add（a = 1，b = 2）转换为{console.log（a）; //输出：1返回a + b; }↓↓↓↓↓↓↓函数add（a = 1，b = 2）{console.log（“ simple.js（2：2）”，“ a”，a）; //输出：“ simple.js（2：2）”“ a” 1返回a + b; }请参阅《问题》，以了解将来的功能和操作
webpack与vue-cli合并配置，打包生产环境代码时如何删除所有的console.log、代码注释和debugger
weixin_45340607的博客
03-14 3845
发现我们在configurewebpack中配置的optimization并没有和webpack默认配置文件中的optimization合并，而是合并到了options中。最近公司项目开发上线后，发现控制台有很多当时测试时打印的信息。但是如果手动删除的话工作量太大，而且不利于以后的维护和debugger。第一步上网找到webpack关于优化console.log语句的插件---------此时我们TerserPlugin插件的默认配置就已经和我们自定义修改的配置进行合并了。接下来就是下载配置，
vite build 下去除console、debug等无效
Dream
05-20 3844
vite.config.ts种build下必须配置minify（压缩方式）。压缩方式对比率查看以及 build:{ minify: "terser", terserOptions: { compress: { drop_console: true, drop_debugger: true } } }
vue 打包后 禁止在浏览器输出 console 等
小程子的博客
01-02 3412
1.打开 vue.config.js 把下面内容复制 pure_funcs种配置你要移除 的项 module.exports = { // 打包后禁止在控制台输出console.log configureWebpack: config => { if (process.env.NODE_ENV === 'production') { config.plugin...
conlole.log()调试显示打印位置的行数
xu568110526的博客
06-06 131
下载：yarn add babel-plugin-enhance-log -D。
vue项目打包清除console.log的4种方法
小木木的博客
01-10 8264
4种打包清除console.log的方法
前端vue项目性能优化【打包压缩、去除亢余文件】
在写作的路上持续输出。
09-27 2976
vue项目性能优化，打包压缩、去除亢余文件
记录一次小问题！ssh脚本打包vue 执行 cnpm run build 无法继续向下走
qq_34168515的博客
01-15 1663
问题 ssh脚本打包vue 执行 cnpm run build 无法继续向下走 发现一直停留在。 DONE Build complete. The dist directory is ready to be deployed. INFO Check out deployment instructions at https://cli.vuejs.org/guide/deployment.html 不会继续往下走。 发现问题所在 vue开启了打包分析 vue执行了打包分析，需要用户输入 ctrl+c
vue2项目打包优化，不打包未使用的文件
05-26
Vue2项目打包优化的一个常见方式是使用Webpack的tree shaking功能，它可以检测到哪些代码没有被使用，然后将这些代码从最终的打包文件中移除，从而减小打包文件的大小。 除此之外，还可以考虑使用动态导入（dynamic...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小猴子编程

请支持一下我的分享

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值