在Vue中引入Sass及配置全局变量的方法
5星
- 浏览量: 0
- 大小:None
- 文件类型：PDF
简介：
本文将详细介绍如何在Vue项目中集成Sass预处理器，并设置全局变量以提高开发效率和代码可维护性。
首先使用官方提供的脚手架vue-cli进行项目搭建。
安装完所有依赖后，需要安装sass的依赖包：
```shell
npm install --save-dev sass-loader
```
接下来要安装 `node-sass`，因为 `sass-loader` 依赖于它：
```shell
npm install --save-dev node-sass
```
然后，在项目的 `build` 文件夹下的 `webpack.base.conf.js` 文件中找到规则配置部分，并添加如下代码：
```javascript
{
test: /\.sass$/,
use: [style-loader, css-loader, sass-loader]
}
```
最后，记得在相关文件中设置语言属性为scss。
全部评论 (0)
还没有任何评论哟~
