babel安装配置

1、先全局安装babel-cli(非必需),输入命令npm install babel-cli -g;

2、输入npm init;(创建package.json文件,包括名称、版本、作者这些信息等);

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、编译

        a 、转码结果输出到标准输出

             $ babel example.js

        b、转码结果写入一个文件

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

             $ babel example.js--out-file compiled.js  或  $ babel example.js-o compiled.js

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

            $ babel src--out-dir lib  或  $ babel src-d lib

            # -s 参数生成source map文件

            $ babel src-d lib-s

7、npm编译 我们需要修改配置文件,之后执行命令行即可:npm run build

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 作者:小 boy (沪江前端开发工程师)本文原创,转载请注明作者及出处。原文地址:https://www.smas...
    iKcamp阅读 7,676评论 0 18
  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 12,555评论 7 35
  • Babel 入门指南 ​:warning: 注意:Babel 可以与很多构建工具(如 Browserify、Gru...
    静默虚空阅读 7,351评论 0 4
  • 安装Babel(命令行环境,针对Babel6.x版本)1、首先安装babel-cli(用于在终端使用babel) ...
    虎帅锅阅读 8,580评论 0 0
  • babel 6与之前版本的区别: 之前版本只要安装一个babel就可以用了,所以之前的版本包含了一大堆的东西,这也...
    _花阅读 5,481评论 0 2

友情链接更多精彩内容