本文介绍了在Vue项目中使用SCSS的两种常见方式：直接在.vue文件中使用和通过单独的.scss文件引入。文章详细解释了如何通过npm安装必要的依赖，包括node-sass和sass-loader，并提供了在不同场景下使用SCSS的具体步骤。
vue使用scss的两种方法
#首先npm安装scss
npm install node-sass --save-dev
npm install sass-loader --save-dev
第一步，在vue文件上使用scss
直接在vue文件上使用，其中lang="scss"为必须，scoped是声明只在该文件上使用
第二种使用方法，单独建scss文件
新建scss文件夹，用来装scss文件，然后使用在main.js文件上import './scss/××.scss’引入对应scss
如果要安装指定的版本，如：7.1.0
npm install sass-loader@7.1.0 --save-dev
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
