vue项目使用scsssass

Study

基本用法：scss/sass基操

1、安装

npm install sass-loader -d npm install node-sass -d

因为sass是只需要出现在开发环境中，正式环境会被编译成css，所以只需要安装到开发环境，用命令-d等同于-save-dev

如在编译过程中出现“loaderContext.getResolve is not a function”报错，则可能是安装的sass-loader版本过高，尝试安装低版本，由于我此时用7.3.1版本就可以成功运行了，所以降到此版本即可。不同时间具体降到哪个版本自测。

npm install sass-loader@7.3.1 -d

2、单页面使用

<style lang="scss" > .pageBody{ width:100%; } </style>

3、全局引用

npm install sass-resources-loader --save-dev

删除build/webpack.base.conf.js中这段代码