众所周知,如果我们需要用到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下):
windows下:$ npm install webpack-dev-server@1.16.5 -g
Linux和mac下:$ sudo npm install webpack-dev-server@1.16.5 -g
这里使用了全局安装,对webpack-dev-server如果不适用全局安装会报错!
如果是css-loader等插件无需全局安装。
示例(Linux&mac下):
$ npm install css-loader@^0.28.1 style-loader@^0.17.0 --save-dev
两者的区别在于@和版本号之间有没有"^"字符
很多情况下安装插件报错都是因为各个插件版本号不适配,所以大家一定要注意这个问题,会省去很多麻烦!加油!