美文网首页
babel安装配置

babel安装配置

作者: 夏稳 | 来源:发表于2017-09-05 17:43 被阅读0次

    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

    相关文章

      网友评论

          本文标题:babel安装配置

          本文链接:https://www.haomeiwen.com/subject/lxcpjxtx.html