1. 程式人生 > >前端構架配置(二)node.js、 webpack、css-loader、html-loader、style-loader、webpack-dev-server等外掛安裝總出錯解決方式

前端構架配置(二)node.js、 webpack、css-loader、html-loader、style-loader、webpack-dev-server等外掛安裝總出錯解決方式

   眾所周知,如果我們需要用到webpack打包,則需要做很多準備工作,包括node.js的安裝,webpack等的安裝。

   這個安裝過程總會出現各種安裝不成功的情況。這裡不細說各種情況,直接給出一個最通用的解決方案。

  方案如下:核心是配套好各個外掛的版本號,如果版本號沒有配套好,會出現諸如此類的錯誤:

                        

  這裡直接給出一套能夠適配的版本:

"css-loader": "^0.28.1",            "extract-text-webpack-plugin": "^1.0.1",            "file-loader": "^0.11.1",            "html-loader": "^0.5.5",            "html-webpack-plugin": "^2.28.0",            "style-loader": "^0.17.0",            "url-loader": "^0.5.8",            "webpack": "^1.15.0",            "webpack-dev-server": "^1.16.5",            "node.js":"4.4.7"

安裝時加上版本號的命令語句如下:

    示例(windows下):  

$ npm install [email protected] --save-dev

  示例(Linux&mac下):

$ npm install [email protected]^0.28.1 [email protected]^0.17.0 --save-dev

  兩者的區別在於@和版本號之間有沒有"^"字元

很多情況下安裝外掛報錯都是因為各個外掛版本號不適配,所以大家一定要注意這個問題,會省去很多麻煩!加油!