babel 6 方式编译压缩 js 文件

• 新建工程文件夹，进入该文件夹执行初始化

npm init

• 安装依赖

npm i --save-dev babel-cli babel-preset-env terser

• 在工程文件夹根目录，新建 .babelrc文件，并新增内容

{
  "presets": [
    ["env", {
      "modules": false,          // 保留 ES6 模块语法
      "targets": {
        "esmodules": true        // 或指定浏览器版本，如 "chrome": 58
      }
    }]
  ]
}

• 在工程文件夹根目录，新建 source 文件夹用于存放源码文件，新建 dist 文件夹用于存放编译压缩后的文件
• 执行编译压缩
  • 方式一，直接使用命令行

  npx babel source/index.js | npx terser -o dist/index.min.js --compress --mangle --module
  

  • 方式二，在 package.json 文件新增一条 script 命令，后续执行 npm run build 即可

  "scripts": {
    "build": "npx babel source/index.js | npx terser -o dist/index.min.js --compress --mangle --module"
  }