首先如今根目錄先生存.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}一種簡單的使用方式