babel的安装和配置

Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而解决部分浏览器对es6 代码不兼容的问题。

这意味着,你可以用 ES6 编写程序,而不用担心现有环境是否支持,因为babel可以将ES6代码转换成ES5代码。

下面是babel的安装和配置步骤:

新建一个全英文文件夹 babel

在babel文件夹里面新建一个src文件夹、一个lib文件夹

shift+鼠标右键 打开命令行

创建一个空的后缀名为.babelrc的文件

输入type nul>.babelrc

最后目录结构:

在当前目录下 shift+鼠标右键 打开命令行

扫描二维码关注公众号,回复: 9347277 查看本文章

npm init -y

安装命令:

npm install --save-dev babel-cli

安装将es6转换成es5依赖包:

npm install --save-dev babel-preset-es2015

编写配置文件(.babelrc ):

配置package.json文件:

src 表示写的es6源文件放在src里面,lib表示编译后的es5的文件

在src里面新建一个app.js文件:

命令行输入进行es5 的转换:

npm run build

查看lib文件夹,里面有一个新生成的文件app.js:

lib里面的文件是生成的es5的js文件

发布了16 篇原创文章 · 获赞 39 · 访问量 3万+

猜你喜欢

转载自blog.csdn.net/weixin_39357177/article/details/81666030