1.配置环境
- 安装node.js
- 安装全局webpack
npm install webpack -g
npm install webpack-cli -g
npm init
在工作目录初始化npm.
- 安装babel组件
cnpm install babel-preset-es2015 --save-dev
cnpm install babel-cli -g
2.开始解析并打包
- 用babel把ES6的js文件转为低版本兼容的语法.
- 工作目录新建配置文件 .babelrc 指定ES版本
{
"presets": [
"es2015"
]
}
- 在package.json中添加
//在package.json中添加
"scripts": {
//a.js为需要转换的 b.js为转换后的
"build": "babel xxx/a.js --out-file xxx/b.js"
}
- 执行
npm run build
命令解析ES6 js文件即可生成低版本js
- 通过webpack打包,要用这个工具需要配置文件webpack.config.js
var path = require("path");
module.exports = {
//打包js
//入口文件
entry: