babel学习笔记

    阮一峰babel入门教程   babel官网

一、配置 .babel 文件

    {   "presets":[ "es2015" ],   "plugins":[]   }

    presets字段设定转码规则

    ES2015转码规则    cnpm install --save-dev babel-preset-es2015

二、命令行转码babel-cli

    安装: npm install--global babel-cli

    使用: babel example.js

三、编译

    babel a.js -o -b.js    单个文件

    babel src -d dist      整个文件夹

四、上面代码是在全局环境下，进行Babel转码。babel-cli安装在项目之中。

        cnpm install--save-dev babel-cli

        然后，改写package.json

        "scripts":{"build":"babel src -d lib"},

        执行命令 npm run build

五、import模块化编译后不能直接使用，需要使用webpack等打包工具