vscode——VUE webpack中配置css文件以及less文件还有图片文件的处理——踩坑

我按照b站vue.js中配置，完全一毛一样，但是还是出现了这个东西： 

 

 然后百度搜索：

TypeError: this.getResolve is not a function

然后是说出现sass的版本太高。。。。。 可我完全没有安装sass，然后秉承着初生牛犊不怕虎的态度，大不了再来一次，把原来版本卸载，安装了视频老师的版本

卸载的命令为：

npm uninstall css-loader --save-dev

npm uninstall style-loader --save-dev

 

我安装了css-loader 2.0.2版本，和style-loader 0.23.1版本，安装命令如下：

npm install css-loader@2.0.2 --save-dev

npm install style-loader@0.23.1 --save-dev

安装成功就可以在package.json里看到了

然后输入命令运行：

npm run build

出现下面这个图片这个为成功：

这是css的配置，同样less的配置也是版本过高，安装了 

"less": "^3.9.0",

"less-loader": "^4.1.0",

两个版本

命令如下：

npm install --save-dev less-loader@4.1.0 less@3.9.0

就可以了 

图片处理配置的版本为

"url-loader": "^1.1.2",

命令如下：

npm install --save-dev url-loader@1.1.2