简介
Sass 是一个 CSS 预处理器。
Sass 是 CSS 扩展语言,可以帮助我们减少 CSS 重复的代码,节省开发时间。
Sass 完全兼容所有版本的 CSS。
Sass 扩展了 CSS3,增加了规则、变量、混入、选择器、继承、内置函数等等特性。
Sass 生成良好格式化的 CSS 代码,易于组织和维护。
Sass 文件后缀为 .scss。
安装
1. 安装依赖包
vue的webpack项目中需要安装上node-sass、sass-loader和style-loader
npm install --save node-sass sass-loader style-loader
运行以上的命令之后,将在package.json文件中的“devDependencies”属性中看到对应的版本号。
2. 配置loader
在项目中的build目录找到webpack.base.conf.js文件,在该文件module.export中的module.rules加入解释scss文件的loader,具体做法是,在数组中加入一个对象,对象的内容如下:
{
test:<