babel文件的配置

# ES6

ES6,ES即ECMAScript,6表示第六个版本(也被称为是ES2015,因为是2015年发布的),它是javascript的实现标准。

被纳入到ES标准的语法必须要经过如下四个阶段:Stage 0,Stage 1,Stage 2,Stage 3

Stage 0 - 设想(Strawman):只是一个想法,可能有 Babel插件。

Stage 1 - 建议(Proposal):这是值得跟进的。

Stage 2 - 草案(Draft):初始规范。

Stage 3 - 候选(Candidate):完成规范并在浏览器上初步实现。

Stage 4 - 完成(Finished):将添加到下一个年度版本发布中。

.babelrc

由于不同的浏览器还不能很好的解析更高标准的js语法,我们在配置webpack等集成开发环境,你是否只是需要一个简单的并且只用于单个软件包的配置?

在你的项目中创建名为 .babelrc 的文件,并输入以下内容。

{

    "presets": [

        [

            "env",//安装配置babel-presets-env可以代替babel-preset-es2015处理不同环境下面的js编译 

            {

                "targets": {

                    "browsers": ["last 2 versions", "ie >= 7"]

                }

            }

        ],

       "stage-0"//选择安装一个js阶段标准

    ],

    "plugins": [

        "@babel/plugin-syntax-dynamic-import"//插件主要解决动态引入模块的问题

       "transform-runtime"//

* 当你使用generators/async方法、函数时自动调用babel-runtime/regenerator

*当你使用ES6 的Map或者内置的东西时自动调用babel-runtime/core-js

* 移除内联babel helpers并替换使用babel-runtime/helpers来替换

    ]

}

基本使用上面的配置就可以满足常用需要,如果要编译其他比如react jsx等再自行添加

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容