标签 SASS 下的文章

之前用cli脚手架搭完之后，直接把vue.config.js丢项目根目录就完事了，前几天用脚手架重新搭了个项目，安装完各种依赖之后，运行竟然莫名其妙的报错了：

ValidationError: Invalid options object. Sass Loader has been initialised using an options object that does not match the API schema.

- 阅读剩余部分 -

近几年web应用的发展可以用疯狂来形容，依靠浏览器的支持以及前端技术和框架的发展，很多应用已经把大量的逻辑从服务器端迁移到了浏览器端，使用前后端分离技术，浏览器端与用户进行交互来完成复杂的逻辑。由于这个发展趋势，Web应用的前端代码的复杂度大大提高，尤其是 JavaScript 和 CSS 代码的数量大幅增加，面对空前庞大的css和js代码量，形成科学的代码组织方法和命名规范迫在眉睫。

- 阅读剩余部分 -

1. node环境

下载：http://nodejs.cn/download/

2. node-sass安装

npm install -g node-sass

3. 启动监听命令

node-sass -w xxx.scss xxx.css --output-style expanded

4. 风格选项

nested：嵌套缩进的css代码，它是默认值

expanded：没有缩进的、扩展的css代码

compact：简洁格式的css代码

compressed：压缩后的css代码

文件后缀名

Sass有两种后缀名文件：一种后缀名为sass，不使用大括号和分号；另一种就是我们这里使用的scss文件，这种和我们平时写的CSS文件格式差不多，使用大括号和分号。建议使用后缀名为scss的文件，以避免Sass后缀名的严格格式要求报错。

- 阅读剩余部分 -