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

babel安装配置_第1张图片

你可能感兴趣的:(babel安装配置)