babel - 编译es6/7/8语法

es678为我们封装了良多方式, 使我们在写项目标时辰可以削减良多代码, 从而提高工作效率 。 可是, 此刻还有良多浏览器不兼容es678的语法, 所以我们写完法式后需要将es678进行编译

需要这些哦
编纂器
方式/
1先打开cmd号令, 输入  npm init, 进步前辈行初始化

babel - 编译es6/7/8语法

文章插图

2一向按回车, 直到返回号令地址

babel - 编译es6/7/8语法

文章插图

3输入 npm install --save-dev babel-cli, 下载babel-cli(这个需要网速的, 网速欠好可以导致丢包, 丢包了从头下载一次就好) 。 下载后就会如图所示

babel - 编译es6/7/8语法

文章插图

4下载完当作后, 再下载一个你需要识此外语法 。 输入 npm install babel-preset-env --save-dev, env暗示最新的语法, 你可以写es2016,这个按照本身需要下载 。

babel - 编译es6/7/8语法

文章插图

5下载完当作后, 建立一个没有名的文件, 后缀为.babelrc.

babel - 编译es6/7/8语法

文章插图

6在.babel文件里输入
{
"presets": ["env"]
}

babel - 编译es6/7/8语法

文章插图

7这时就可以在cmd输入号令编译了, -o 前面是写需要编译的地址, 后面是编译后放的地址

babel - 编译es6/7/8语法

文章插图

8【babel - 编译es6/7/8语法】每次改完原文件都要从头在cmd输入号令编译, 如许比力麻烦 。 可以在-o 前面加-w, 如许每次保留原文件就会主动编译

babel - 编译es6/7/8语法

文章插图


以上内容就是babel - 编译es6/7/8语法的内容啦, 希望对你有所帮助哦!

    推荐阅读