webpack教程--15babel 准备 babel 运行

babel是一个强大的javascript编译器

es6=>可以编译成es5代码,然后交给浏览器去执行。

首先新建一个项目,然后npm init,出现选项一直默认回车就可以了

接着运行npm i -D babel-cli@6

然后新建文件添加一些ES6的代码

因为babel并没有全局安装,所以使用 ./node_modules/.bin/babel src/app,js来编译,可是出错了。可以一步步cd到目录的办法,如下

上面是不是很麻烦,有一个简单的办法,在package.json里面配置一下就可以了,然后运行npm run a就可以转换成功

猜你喜欢

转载自blog.csdn.net/jiaojsun/article/details/83106459
今日推荐