JavaScript编译器Babel的安装与配置指南

更新:11-02 神话故事 我要投稿 纠错 投诉

3、输入npm install --save-dev babel-cli; ---(安装命令行转码babel-cli工具);

4、新建配置文件.babelrc,复制代码; { "presets": [], "plugins": [] },并将其粘贴到.babelrc 中;

5. npm install --save-dev babel-preset-es2015; ---(安装es2015依赖)

将"es2015" 添加到.babelrc, { "presets": [ "es2015" ], "plugins": [] }

输入babel -h 检查是否安装成功。

6. 编译

一个。将转码结果输出到标准输出

$babelexample.js

b.将转码结果写入文件

#--out-file或-o参数指定输出文件

$babelexample.js--out-filecompiled.js 或$babelexample.js-ocompiled.js

#转码整个目录:--out-dir或-d参数指定输出目录

$babelsrc--out-dirlib 或$babelsrc-dlib

#-s参数生成sourcemap文件

$babelsrc-dlib-s

7. npmcompile 我们需要修改配置文件,然后执行命令行:npm run build

文章分享结束,JavaScript编译器Babel的安装与配置指南和的答案你都知道了吗?欢迎再次光临本站哦!

用户评论

凝残月

想学习TypeScript, babel看起来很关键啊

    有14位网友表示赞同!

如你所愿

刚开始接触前端开发, babel是什么?怎么使用?

    有14位网友表示赞同!

枫无痕

看教程说需要安装 babel,我该怎样操作呢?

    有12位网友表示赞同!

关于道别

有没有简单易懂的babel安装配置教程?

    有19位网友表示赞同!

陌上花

我尝试过安装 babel,结果一直遇到问题,好 frustrating!

    有20位网友表示赞同!

冷月花魂

是不是只有js才能使用babel,其他语言不行?

    有20位网友表示赞同!

烟雨萌萌

看到有人说babel可以跨浏览器兼容,是真的吗?

    有13位网友表示赞同!

◆残留德花瓣

需要下载什么软件来安装 Babel?

    有14位网友表示赞同!

容纳我ii

babel是不是很复杂啊?我是新手,很容易卡住...

    有19位网友表示赞同!

愁杀

有推荐哪款IDE集成babel的功能吗?

    有10位网友表示赞同!

々爱被冰凝固ゝ

我之前用的是别的打包工具,现在想试试babel效果怎么样?

    有9位网友表示赞同!

君临臣

有没有关于babel的视频教程可以跟着学?

    有11位网友表示赞同!

百合的盛世恋

我想了解babel在实际开发中的应用场景。

    有14位网友表示赞同!

颓废人士

babel是不是和webpack一起使用的?能详细解释一下吗?

    有13位网友表示赞同!

落花忆梦

我发现很多开源项目都用到babel,为什么会有这么多的使用量?

    有14位网友表示赞同!

不离我

有没有人做过babel的性能优化?想听听你的经验分享。

    有16位网友表示赞同!

■孤独像过不去的桥≈

听说babel最近出了新版本,有什么新的特性吗?

    有18位网友表示赞同!

神经兮兮°

我想学习如何自定义babel的配置文件,可以提供一些指导吗?

    有15位网友表示赞同!

桃洛憬

在使用babel的时候,需要注意哪些问题或坑?

    有5位网友表示赞同!

余笙南吟

关于babel安装配置的文档很多,我怎么挑到合适的?

    有7位网友表示赞同!

【JavaScript编译器Babel的安装与配置指南】相关文章:

1.蛤蟆讨媳妇【哈尼族民间故事】

2.米颠拜石

3.王羲之临池学书

4.清代敢于创新的“浓墨宰相”——刘墉

5.“巧取豪夺”的由来--米芾逸事

6.荒唐洁癖 惜砚如身(米芾逸事)

7.拜石为兄--米芾逸事

8.郑板桥轶事十则

9.王献之被公主抢亲后的悲惨人生

10.史上真实张三丰:在棺材中竟神奇复活

上一篇:《假面前夜》解读:揭秘生活背后的真实面纱 下一篇:Ubuntu 16.04 Newton OpenStack环境配置指南