babel：将浏览器不支持的ES6语法转为javascript
查看node是否安装：
npm -v
node -v实例演示：
在桌面新建part5目录
在cmd命令行中
cd desktop
cd part5安装babel：
初始化package.json文件：描述当前项目信息，包括依赖等
npm init安装babel cli
npm install --save-dev babel-cli在package.json的"script"下添加一句：
"build": "babel entry.js"创建entry.js文件，写es6代码用于测试
执行
npm run build全局安装babel-cli
npm i babel-cli -g安装babel-preset-env
npm i -D babel-preset-env创建配置文件，告诉babel用什么规则来编译文件.babelrc
{
"presets": [
[
"env",
{
"targets":{
"browsers":["last 1 version"]
}
}
]
]
}修改packsge.json
-o 输出到文件
-w 始终处于监听状态
"build": "babel entry.js -o index.js -w"通过babel插件体验新特性
安装插件
npm i -D babel-plugin-transform-class-properties修改.babelrc文件
{
"presets": [
[
"env",
{
"targets":{
"browsers":["last 1 version"]
}
}
]
],
"plugins":["transform-class-properties"]
}本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！