还在一行一行删除 console.log 代码 ? 算了,瞎写吧!

哦吼!blog! 本文由博客端 https://8.134.131.125 主动推送

粗暴删除

直接重写 console.log 的方法, 直接让它失效哈哈。

console.log = function () {};

灵活运用 IDE

在任何趁手的 IDE 中,直接全局搜索本项目里 console.log 正则匹配,然后全部替换为空即可。

console\\.log\\(.*?\\)

手写 Loader 函数 删除 console

写一个清除 console 插件。

新建一个 js 文件,名为 consoleDelete.js,其实这里也是用正则去匹配然后替换为空。

consoleDelete.js

const reg = /(console.log\\()(.*)(\\))/g;
module.exports = function(source) {
    source = source.replace(reg, "")
    return source;
}

在 webpackde 的 config 中配置

module.exports = {

    configureWebpack: {
        module: {
            rules: [
                {
                    test: /\\.ts$/,
                    exclude: /node_modules/,
                    loader: path.resolve(__dirname, "./clearConsole.js")
                },
                {
                    test: /\\.js$/,
                    exclude: /node_modules/,
                    loader: path.resolve(__dirname, "./clearConsole.js")
                }
            ],
        }
    },
}

配置如上代码,清除 js 文件和 ts 文件里的 console.logexclude 代表不去 node_module 目录下查找。

  • JavaScript

    JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言,内置支持类型。它的解释器被称为 JavaScript 引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在 HTML 网页上使用,用来给 HTML 网页增加动态功能。

    696 引用 • 1143 回帖 • 578 关注
  • webpack

    webpack 是一个用于前端开发的模块加载器和打包工具,它能把各种资源,例如 JS、CSS(less/sass)、图片等都作为模块来使用和处理。

    41 引用 • 128 回帖 • 333 关注

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • lixiang810
    支持者 订阅者

    还可以拿 ESLint 解决