Vue 引入.scss文件

引入方法一：

npm install sass-loader -D

npm install node-sass -D

引入方法二： 

npm install sass-loader node-sass webpack --save-dev

npm install style-loader css-loader --save-dev

 

 

使用方式

　　//引入

　　@import "../assets/style/mixin.scss"; 

　　//内部添加

　　<style lang="scss" scoped>

　　　　//必须要加上“<style lang="scss" scoped>，否则引入失败（提示保存）

　　　　.demo {

　　　　　　background: #fafafa;

　　　　}

　　</style>

 

如果报错 【scss(node:10316) UnhandledPromiseRejectionWarning: TypeError [ERR_INVALID_AR】

把package.json里面node-sass和sass-loader版本改成："node-sass": "^4.11.1"，"sass-loader": "^7.3.0"就可以了

删掉node_modules文件夹，重新执行在cdn里面输入【npm install】回车