前端構架配置(二)node.js、 webpack、css-loader、html-loader、style-loader、webpack-dev-server等外掛安裝總出錯解決方式
阿新 • • 發佈:2018-12-18
眾所周知,如果我們需要用到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
兩者的區別在於@和版本號之間有沒有"^"字元
很多情況下安裝外掛報錯都是因為各個外掛版本號不適配,所以大家一定要注意這個問題,會省去很多麻煩!加油!