webpack编写一个自己loader，去除项目中console

首先创建一个项目webpack-loader文件

      npm init -y 创建packjson文件

      安装webpack webpack-cli webpack-dev-server

npm i webpack webpack-cli webpack-dev-server -S

创建一个src文件夹里面创建需要打包的js文件

const a = 1;
console.log(1)

然后编写自己的loader，创建drop-console.js文件，如下

const parser = require('@babel/parser'); //将js代码转换成ast节点
const traverse = require('@babel/traverse').default; //循环遍历AST节点
const generator = require('@babel/generator').default; //将ast转换成js代码
const t = require('@babel/types'); //操作ast的方法集合
module.exports=function(source){
  console.log(source)
  const ast = parser.parse(source,{ sourceType: 'module'})
  traverse(ast,{ //循环
    enter(path) {
      if(t.isMemberExpression(path.node.callee)&& t.isIdentifier(path.node.callee.object, {name: 'console'})){
        path.remove()
      }
    }
  })
  const output &#