Node打包es6语法的JS文件兼容IE7以上的版本
1.安装package.json文件,定义项目名称和项目版本
- 在项目根目录中;使用npm init命令自动生成package.json文件
npm init
- 安装package-lock.json,写入依赖包版本号
npm install
- 安装express模块
npm install express --save
npm install express --save-dev
2.安装Babel
- 安装ES6语法兼容ie的依赖包
npm install --save-dev @babel/core @babel/cli @babel/preset-env
npm install --save @babel/polyfill
- 安装@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
- 项目的根目录中手动创建名为 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