Node打包es6语法的JS文件兼容IE7以上的版本（学习笔记）

1.安装package.json文件，定义项目名称和项目版本

1. 在项目根目录中；使用npm init命令自动生成package.json文件

npm init

2. 安装package-lock.json，写入依赖包版本号

npm install

3. 安装express模块

npm install express --save
npm install express --save-dev

2.安装Babel

1. 安装ES6语法兼容ie的依赖包

npm install --save-dev @babel/core @babel/cli @babel/preset-env
npm install --save @babel/polyfill

2. 安装@babel/cli，是一个允许你从终端使用 babel 的工具。即用于命令行转码

npm install -D @babel/cli -g

用法：

# 转码结果输出到标准输出(字符串形式输出)
$ babel example.js
 
# 转码结果写入一个文件
# --out-file 或 -o 参数指定输出文件
$ babel example.js --out-file compiled.js
 
# 或者
$ babel example.js -o compiled.js
 
# 整个目录转码
# --out-dir 或 -d 参数指定输出目录
$ babel src --out-dir lib
# 或者
$ babel src -d lib
 
# -s 参数生成source map文件
$ babel src -d lib -s

3. 项目的根目录中手动创建名为 babel.config.js 的配置文件
   
   配置内容：

const presets = [
    [
        "@babel/env",
        {
            targets: {
                ie: "6",
                edge: "17",
                firefox: "60",
                chrome: "67",
                safari: "11.1"
            },
            //useBuiltIns: "usage",
            //corejs: "3", // <---  此处加个这个，就没有报错警告了

        },
    ],
];

module.exports = { presets };

3.测试

• 打包的文件、文件目录配置
  

• 用es6语法写的代码
  

• 用npm打包
  

• 打包后的js
  

4.参考

package安装地址
babel安装地址