当前位置: 首页 > 网络应用技术

手写控制台加载器(四种方式)

时间:2023-03-08 19:32:12 网络应用技术

  作为前端,Console.log的调试非常熟悉。它很容易使用不多!帮助我们解决许多错误^ _^,但是!一定有水果(尽管我不知道为什么这句话很顺畅),如果将其发送到生产环境,尤其是如果印刷信息非常私密,TT可能很酷

  对于必须在生产环境中清除的控制台陈述,如果它被一个一个删除,听起来很难,因此本文是在您看到精神时向其学习的。请在代码中删除控制台语句,然后,我还介绍了其他方法来清除游戏机声明哈哈哈哈

  1.方法1:通过编辑器清理暴力以查找所有控制台,或者在ESLINT编译过程中的错误提示定位陈述,然后清除它,这是有点手,不够优雅,因此您需要介绍几个优雅的清除下面的方法

  2.方法2:uglifyj-webpack-plugin此插件可用于压缩我们的JS代码。在产品环境中的同一时间效率

  drop_console和pure_funcs之间的区别是:

  但是应该注意的是,此方法仅对ES5语法有效。如果您的代码涉及ES6,将报告错误

  3.方法3:Terser-webpack-pluginwebpack v5使用最新版本打开。如果您使用的是WebPack V5或更高版本,并且要自定义配置,则仍然需要安装它。如果使用WebPack V4,则使用V4版本必须安装。

  Terser-webpack-Plugin的控制台配置与uglifyjs-webpack-plugin并没有什么不同,但它们的最大区别是Terserwebplugin支持ES6的语法交感神经语法。

  4.方法4:手写装载机删除控制台,最后输入主题,朋友

  众所周知,WebPack只能了解JS,JSON和其他文件,因此除JS和JSON以外的其他文件需要通过加载程序平稳加载,因此Loader在IT的翻译工作中都可以被视为节点模块,这实际上是一个函数,但他不能成为箭头函数,因为它需要继承WebPack的此功能,该webpack可以使用加载程序中的WebPack方法。

  根据第三点,以下代码将报告错误,因为输出是数字而不是字符串或二进制数据

  首先创建一个新的dropconsole.js文件

  在WebPack的配置中,加载程序的引入需要绝对路径,否则简介将无效。如果您想像第三派对加载程序一样引入它,则需要在Resolveloader中配置模块属性,并告诉WebPack说,当您在node_modules中找不到它时,请在目录中的其他地方转到其他位置。

  正常操作后,调试站将不打印控制台信息

  最后,WebPack是深刻而深刻的,值得我们的研究和深度研究!

  作者:我也想在一夜之间富裕

  链接:juejin.cn/post/7038413043084034062

最新推荐
猜你喜欢