.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
}

一種簡單的使用方式


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM