nodejs安裝：
1.下載：https://nodejs.org/en/download/
2.安裝node-v6.11.3-x64.msi文件，直接默認安裝（next……）；
3.驗證是否完成安裝：cmd 進入后輸入命令 node -v 回車能得到nodejs版本號；
輸入node 回車再輸入console.log('aaaaa') 回車能正常顯示輸出。
這表示nodejs安裝成功。
webpack安裝：
1.npm安裝：在f盤新建文件夾webpack，在webpack文件夾建文件夾demo01；
shilt+右鍵打開命令窗口，在命令窗口輸入npm install -g webpack，等待安裝完畢；
在命令窗口輸入webpack -h 查看安裝的版本，恭喜你安裝成功。
2.接下來就是寫一個webpack配置文件
在demo01文件夾新建webpack.config.js文件
1 module.exports = { 2 entry: "./main.js",//入口文件，類似APP根文件 3 output: {//出口文件 4 filename: 'bundle.js' 5 } 6 7 }
實例：在demo01文件夾新建index.html，main.js文件
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <title></title> 5 <meta charset="utf-8"> 6 <script type="text/javascript" src="bundle.js"></script> 7 </head> 8 <body> 9 </body> 10 </html>
1 document.write("Hello world")
在命令窗口輸入webpack，會自動生成bundle.js文件
3.安裝服務器
在命令窗口輸入npm install live-server -g
安裝好后啟動服務器：在命令窗口輸入live-server
/*或者安裝webpack-dev-servera. npm install webpack-dev-server --save-dev
可在項目根目錄下安裝（不加-g，在項目根目錄出現node_modules文件夾，內含webpack-dev-server及其依賴包），也可全局安裝（加-g 必須sudo）
b. 在webpack.config.js中添加配置
var webpack=require('webpack'); module.exports = { …… devServer: { historyApiFallback: true, inline: true,//注意：不寫hot: true，否則瀏覽器無法自動更新；也不要寫colors:true，progress:true等，webpack2.x已不支持這些 }, plugins:[ …… new webpack.HotModuleReplacementPlugin() ] …… };
c.在package.json里配置運行的命令（npm支持自定義一些命令）
"scripts": { "start": "webpack-dev-server --inline"//注意：不寫--hot，否則瀏覽器無法自動更新 },
d. 運行server
npm start- Error: .........（此處省略一堆錯誤）
- 解決：在本項目中安裝webpack：（不加-g，在項目根目錄出現node_modules文件夾，內含webpack及其依賴包）
npm install webpack
- 瀏覽器打開http://localhost:8080/
成功運行，且修改app中的js代碼，瀏覽器會自動刷新！成功！*/
啟動后會自動打開瀏覽器
webpack初步運用算是完成了。