- 在项目的根目录下生成package.json文件
npm init -y /* 采用默认项生成 */
- 安装Bebal
- 简写 install => i || --save-dev => -D
- 根据需要选择安装方式
npm i --save babel-cli /* 上线环境 */
npm i --D babel-cli /* 开发环境 */
- 配置编译规则与安装依赖包
npm i -D babel-preset-env /* 安装依赖包 */
{
"presets":[
[
"env",
{
"targets":[
* 兼容到最新上一版本的浏览器 *
"browsers":["last 1 version"]
]
}
]
]
}
- 打开package.json文件
"build":"babel entry.js -o index.js -w"-
---------------- 翻译为 -----------------
"运行命令":"
* babel
* 需要编译的文件
* 输出的内容
* 输出内容存放的文件
* 程序挂起并且实时编译
* (监听文件内容 如发现改变就编译)
"
- 在命令行中运行编译命令
npm run build
- 为 Babel 添加插件
npm i -D babel-plugin-transform-class-properties
{
"属性1":[],
"plugins":["transform-class-properties"]
}