目标
移除上线前 debug 代码的 plugins
使用方式
# 1. 项目中执行
npm install -D remove-debugger-plugin
# 2. babelrc中添加
{
plugins: ["no-debugging"]
}
这个插件默认会移除 debugger; 和 console 调用。
这个插件可以移除 debugger 、 console 、 alert 和 自定义的调试函数调用和定义。
为保证在开发阶段不转换代码，记得将这个插件只配置在发布阶段：
# babelrc
{
{
"env": {
"publish": {
"presets": [
"@babel/preset-env"
],
"plugins": ["no-debugging"]
}
}
}
# package.json script
{
"scripts": {
"build": "cross-env BABEL_ENV=publish webpack", # 类似
},
}options
| Property | Type | Default | Description |
|---|---|---|---|
| debugger | Boolean | true | 移除断点调试 debugger 代码 |
| console | Boolean | true | 函数调用 |
| alert | Boolean | null | 函数调用 |
| debugFn | String | null | 指定的自定义调试代码函数（包括调试函数声明和调用） |
使用
例子
- 使用默认配置
.babelrc
{
plugins: [
[
"no-debugging"
]
]
}转换前：
const a = 12
const b = 13
function add(m, n) {
debugger
return m + n
}
const result = add(a, b)
console.log(result)转换后：
const a = 12
const b = 13
function add(m, n) {
return m + n
}
const result = add(a, b)- 自定义配置 移除 alert
.babelrc
{
plugins: [
[
"no-debugging",
{
alert: true,
console: false
}
]
]
}转换前：
const a = 12
const b = 13
function add(m, n) {
debugger
return m + n
}
alert(result)
const result = add(a, b)
console.log(result)转换后：
const a = 12
const b = 13
function add(m, n) {
return m + n
}
const result = add(a, b)
console.log(result)