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的安装与配置指南和的答案你都知道了吗?欢迎再次光临本站哦!
【JavaScript编译器Babel的安装与配置指南】相关文章:
2.米颠拜石
3.王羲之临池学书
8.郑板桥轶事十则
用户评论
想学习TypeScript, babel看起来很关键啊
有14位网友表示赞同!
刚开始接触前端开发, babel是什么?怎么使用?
有14位网友表示赞同!
看教程说需要安装 babel,我该怎样操作呢?
有12位网友表示赞同!
有没有简单易懂的babel安装配置教程?
有19位网友表示赞同!
我尝试过安装 babel,结果一直遇到问题,好 frustrating!
有20位网友表示赞同!
是不是只有js才能使用babel,其他语言不行?
有20位网友表示赞同!
看到有人说babel可以跨浏览器兼容,是真的吗?
有13位网友表示赞同!
需要下载什么软件来安装 Babel?
有14位网友表示赞同!
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位网友表示赞同!