Babel-cli的安装与watch与ES016使用

全局安装node后;

在新项目文件中;

先项目初始化(npm)

npm init

然后一路回车后;

npm install babel-cli –save-dev-g

看看是否安装成功

babel –V

//$ babel es6.js -o es5.js  //加上-o参数 可以将结果写入到指定的文件

//$ babel src -d lib //把一个目录整个编译成一个新的目录

(上面 –o 是 -out的缩写 ,写-d 是–out-dir的缩写)

如果频繁需要bind,把src文件,移动到build文件下面;可以配置到package中;

比如下面的build就是新增的;

"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"build":"./node_modules/.bin/babel src -d build"
},

运行的时候,只需要运行

npm run build

这样就可以吧文件变异到build里;

默认是不对文件进行任何处理的;

下面配置babel ES6的preset

npm install babel-preset-es2015 –save-dev

这样就可以安装好了;

再根目录下新建一个.babelrc 文件 (就是babel在当前项目的配置文件)

{
"presets": [
"es2015"
]
}

上面就是配置的预处理

然后再次

npm run build

这样就可以编译成功了;

不过每次这么写还是很蛋疼的;

可以做watch的;

在package里,多加一个 –w

"build": "./node_modules/.bin/babel src -wd build"

上面-w 就是watch的意思;

运行一次后,以后都是watch状态,不会再编译了;

babel-help

可以看到一些常用的命令;

~~

未经允许不得转载:WEB前端开发 » Babel-cli的安装与watch与ES016使用

赞 (0)