安装 Babel 6.26.0

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