首先創(chuàng)建項目,確保該項目已經安裝了webpack和webpack-dev-server具體安裝方法請參考上章所述.
在上一章說過babel是一個javascript編輯器,在react項目中使用babel有以下兩個目的:
1:讓代碼支持ES6語法
2:支持react的一些特性(例如JSX語法)
針對以上兩個特性,有如下兩個presets可以完美解決
babel-preset-es2015 babel-preset-react
之前我們說過webpack中的loader是用于文件特定格式的轉換,那么在這里我們就需要安裝Babel loader
//安裝babel-core核心模塊和babel-loader
npm install babel-core babel-loader --save-dev
//安裝ES6和React支持
npm install babel-preset-es2015 babel-
