Henery部落格位址為:http://blog.csdn.net/henery_002
寫的很詳細，可以做參考
最近要做項目優化了，尤其是前端這塊，許多js需要子產品化管理和相應的優化
1.輸入如下位址，進入node.js官網，下載下傳node.js，圖中藍線标注的為穩定版，右邊沒标注為最新版，推薦穩定版
node.js官網位址為:
https://nodejs.org/en/
2.安裝node.js
一路下一步，記住安裝路徑（此處安裝在 D:\Program Files\nodejs 下）。
安裝完成後（需要配置環境變量：建立NODE_PATH，取值為node的安裝路徑，如：E:\Program Files\nodejs\node_modules）運作cmd，執行node -v和npm -v指令檢視安裝情況。如執行結果如下圖，說明安裝成功。
3.配置npm的全局子產品的存放路徑以及cache的路徑
然後執行如下指令：
npm config set prefix "D:\Program Files\nodejs\node_global" 回車
npm config set cache "D:\Program Files\nodejs\node_cache" 回車
4.配置環境變量【****】
4.1 控制台-系統和安全-系統-進階系統設定-進階-環境變量，
建立【系統變量】
變量名：NODE_PATH
變量值：D:\Program Files\nodejs\node_global\node_modules
（即步驟2全局子產品的存放路徑，親測實際應該是D:\Program Files\nodejs\node_global\）
4.2 再将【使用者變量】下的path值後追加：
D:\Program Files\nodejs\node_global
（親測實際在【系統變量】中的path中也追加了NODE_PATH的相同路徑，即D:\Program Files\nodejs\node_global）
至此，便可使用 npm 安裝相關子產品，如安裝最常用的 express 子產品進行測試：
npm install express -g 回車
5.嘗試安裝子產品bower
執行指令：
C:\>npm install bower -g （-g指安裝到node_global檔案夾中，-g前有一個空格）
若-g前沒有空格，錯誤安裝結果為：
安裝成功後，将看到node_global檔案夾下新增檔案夾 node_modules>bower
然後執行 bower -v。（若報錯bower不是内部或外部指令，則是因為環境變量未配置好）
6.初始化npm
重新運作cmd（指令行建立子檔案夾方法：mkdir webpack-test），初始化npm：
npm init 回車。
一路回車（則将會以預設參數建立初始化json檔案package.json）
7.安裝webpack
首先需要安裝一個全局webpack：
npm install webpack -g 回車
這樣才可以正确使用webpack的指令；然後還可以在目前項目裡也安裝一個webpack，這是官方推薦的做法：
npm install webpack --save-dev 回車
（此處我隻安裝了全局webpack，即隻執行了第一步，并未影響）
安裝完成後在執行 webpack 測試時極易出錯提示 webpack不是内部或外部檔案。解決方法：建議在檢查環境變量（NODE_PATH、Path）是否有問題之後，删除已安裝的webpack重新進行 -g 全局安裝。
webpack測試成功後，可進行步驟8：
8.使用webpack打包hello.js測試檔案
對示例檔案hello.js進行打包：
D:webpack\webpack-test>webpack hello.js hello.bundle.js 回車