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