vue项目中使用sass

作者: IF_123 | 来源:发表于2021-07-01 17:01 被阅读0次

1.安装插件

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

2.在build目录找到webpack.base.conf.js文件
在该文件module.export中的module.rules加入解释scss文件的loader

{
   test: /\.scss$/,
   loader: 'sass-loader!style-loader!css-loader'
}

3.运行项目
备注：运行时可能遇到问题，解决办法为更改版本号

"node-sass": "^4.14.1"
"sass-loader": "^7.3.1"

2019-01-19
Vue+Vuex+axios+sass项目：抽空整理了一下使用vue-cli创建vue项目并在项目中使用Vuex...
vue2.0项目中引入sass、less
一、vue2.0项目中引入sass预编译（1）安装依赖 vue项目中想要使用sass,需要安装上node-sas...
VUE项目中使用SCSS
VUE项目中使用SCSS sass是依赖于node-sass ，所以要安装node-sass sass-loade...
vue-cli开发记录
1.项目架构项目使用到的技术vue-cli + vue-echarts + sass + axios 2.项目搭...
全局less/sass变量在每个组件中都可用方案
vue-cli创建的项目下解决方案使用 sass-resources-loader sass-resources...
Vue-cli3.x H5项目的一些配置
1、如何进行sass配置及操作创建好vue-cli3.x创建好后；新建一个Vue项目；在该项目中使用sass需要...
3.vue项目中sass的使用
由于上一篇讲解了在vue项目中如何使用less,本篇重点讲解如何使用sass 一.安装sass: npm inst...
vue 项目使用sass
1，使用save会在package.json中自动添加。 2，npm install node-sass --sa...
Vue Cli创建项目Sass异常解决方式
mac系统在使用vue cli创建vue 3的项目时，使用了Sass，在build的时候，会发生下面的异常：解决...
vue 中使用sass
VUE2.0中集成Sass Step1：在项目中安装Sass Step2：配置Sass解析器 PS：不安装的话会出...