如何使用 babel 对es6语法进行转码
今天在闲来无事,就想到想把之前的学习资料整合下,以便以后的温习及查找,就没有使用
webpack
进行组件化开发,也没有使用npm
进行依赖管理,但是用了es6
的一些新语法,像模板字符串(``)、class、let、const、promise
等新的js语法, 为了使其兼容性更好点,所以就需要babel
这个工具l将所有的js
文件进行编译转码。由于自己对这个工具不是很了解 在这里我就总结了一下 ,其使用方法如下: 首先,我们需要先全局安装babel
,(在早期版本是install babel
,现在版本需要install babel-cli
)
npm install babel-cli -g
1
其次,新建一个文件夹 text
(文件夹名称自由设定),初始化项目 在根目录生成 package.json
文件:
npm init
1
安装转换包
npm i -g babel-cli
npm i --save-dev babel-preset-es2015 babel-cli
1
2
2
然后,我们需要写一个配置文件( .babelrc ),存放在此目录下,用于 babel 的配置。在这个文件夹新建一个 .babelrc 文件并写入如下配置:
{
"presets": [
"es2015"
],
"plugins": []
}
1
2
3
4
5
6
2
3
4
5
6
再次,我们就需要开始使用命令行转码了,在终端键入:
babel test.js -o test.js
1
编译成功之后,在此文件夹下就会生成一个 test.js
的文件,此文件就是编译好的js文件。
上次更新: 2024/01/30, 00:35:17