*所有的全局安裝電腦第一次用的時候安裝，安過一次即可省略，添加到依賴不可省略 [-D===--save-dev]
1、創建文件夾（以下都在當前文件夾下）
//webpack的引用
2、初始化創建package.json: npm init
3、全局安裝webpack: npm install webpack -g(全局安裝)
並安裝依賴webpack: npm install webpack –D
//css的引用
4、安裝css,style壓縮模塊：
npm install css-loader style-loader -D
//解析jsx
5、安裝babel-loader模塊：npm install babel-loader –D
//ES6的引用
6、安裝babel轉換器模塊：npm install babel-core –D
7、安裝es6模塊：npm install babel-preset-es2015 –D
//react的引用
8、安裝react相關模塊：
npm install react react-dom babel-preset-react –D
//文件路徑以及url的引用
9、安裝url-loader file-loader模塊將圖片及其他格式文件解析：
npm install url-loader file-loader –D
//webpack-dev-server: 開一個輕量級服務器，進行熱替換以及後邊熱更新的配置。
10、安裝webpack服務webpack-dev-server：
npm install webpack-dev-server –g (全局安裝)
並且安裝到依賴中：npm install webpack-dev-server –D
11、安裝react-hot-loader熱加載：npm install react-hot-loader -D
//11熱更新另一種方法替react-hot-loader(此方法不需要在webpack.config.js中的moudule寫入代碼)
11、熱更新配置npm install babel-preset-react-hmre -D
在.babelrc文件中的配置：
{
“presets” : [“react” , “es2015”] ,
“env” : {
“development” ： {
“presets” : “react-hmre”
}
}
}