zoukankan      html  css  js  c++  java
  • .babelrc文件的一些简单的配置

    首先现在根目录先生存.babelrc文件

    这个文件是用来设置转码的规则和插件的

    如果想使用es6语法,必须安装插件

    npm install babel-preset-es2015
    {
        "presets": ["es2015"]
    }

    什么是.babelrc文件呢? 熟悉linux的同学一定知道,rc结尾的文件通常代表运行时自动加载的文件,配置等等,类似bashrc,zshrc

    而且在babel6中,这个文件必不可少。


         里面可以对babel命令进行配置,以后再使用babel的cli的时候,可以少一些配置。

        还有一个env字段,可以对BABEL_ENV或者NODE_ENV指定的不同的环境变量,进行不同的编译操作

    "presets"

       这个是babel6新加的,就是代表需要启动什么样的预设转码,在babel中,预设了6中,分别是

       es2015  ,stage-0 , stage-1 ,stage-2 , stage-3 ,react

    require hook

     require hook 的作用就是替换原来的require,以便在自动加载对代码进行编译运行

     其实这个做的便是重写require.extensions 中对应的扩展名的加载程序,并且默认会判断这个文件是否是 node_modulesz中的模块。,如果是的

    话,那么将不会进行转换。否则的话进行转换

    基本的格式就是

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

    presets 字段是用来设定转码规则,,具体看官方的   https://babeljs.io/docs/plugins/

    先下载所要使用的转码规则 插件 然后将其写到  .babelrc文件 中

    presets 其实就是一堆plugins的预设起到了方便的作用 如果不采用 presets 完全可以单独引用某个功能 

    {
      "presets": ["es2015", "stage-2"],
      "plugins": ["transform-runtime"],
      "comments": false
    }

    一种简单的使用方式

  • 相关阅读:
    Tarjan
    uestc 方老师的分身IV
    Fleury(弗罗莱)算法求欧拉回路
    515D
    uestc 方老师的分身 II
    uestc SOUND OF DESTINY
    uestc WHITE ALBUM
    双向BFS
    【Tomcat】【3】报错 Illegal access: this web application instance has been stopped already. Could not load [org.apache.commons.pool.impl.CursorableLinkedList$Cursor]
    【JS】【25】把字符串转换为数字
  • 原文地址:https://www.cnblogs.com/exhuasted/p/7685778.html
Copyright © 2011-2022 走看看