Vue安装支持SCSS插件
cnpm install node-sass --save-dev //安装node-sass
cnpm install sass-loader --save-dev //安装sass-loader
cnpm install style-loader --save-dev //安装style-loader
安装完成后,如果运行报以下错:
Module build failed: TypeError: this.getResolve is not a function at Object.loader
这是因为当前sass的版本太高,webpack编译时出现了错误,这个时候只需要换成低版本的就行,下面说一下修改方法,很简单,如下,找到package.json文件,里面的 "sass-loader"的版本更换掉,然后重新执行开头的三行安装命令就行了!
"sass-loader": "^8.0.0",更换成了 "sass-loader": "^7.3.1"
<style lang="scss" scoped>
</style>