.babelrc文件的一些簡單的配置

首先如今根目錄先生存.babelrc文件node

這個文件是用來設置轉碼的規則和插件的react

 

若是想使用es6語法,必須安裝插件linux

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

什麼是.babelrc文件呢? 熟悉linux的同窗必定知道,rc結尾的文件一般表明運行時自動加載的文件,配置等等,相似bashrc,zshrces6

並且在babel6中,這個文件必不可少。npm


     裏面能夠對babel命令進行配置,之後再使用babel的cli的時候,能夠少一些配置。bash

    還有一個env字段,能夠對BABEL_ENV或者NODE_ENV指定的不一樣的環境變量,進行不一樣的編譯操做babel

"presets"ui

   這個是babel6新加的,就是表明須要啓動什麼樣的預設轉碼,在babel中,預設了6中,分別是spa

   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}一種簡單的使用方式

相關文章
相關標籤/搜索