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