随着前端开发的不断发展，CSS也逐渐延伸出了很多新的语言，less和Sass就是其中两种，下面我们就一起来看看它们到底有何区别。SASSSass 诞生于 2007 年，使用Ruby 编写，是一种对css的一种扩展提升，增加了规则、变量、混入、选择器、继承等

根据预设的配色方案，在前端实现动态切换系统主题颜色。大概的思路就是给html根标签设置一个data-theme属性，然后通过js切换data-theme的属性值，Scss根据此属性来判断使用对应主题变量。这里可以选择持久化Vux或接口来保存用户选择的主题。

npm install sass-loader --save-dev //安装sass-loader. npm install style-loader --save-dev //安装style-loader

$primary-color: #333;color: $primary-color;font-weight: bold;font-weight: bold;margin: 0;padding: 0;list-style: none;margin: 0;p

npm i sass-loader node-sass style-loader css-loader -D. background-color: red;test:/\.scss$/,

{ //手动添加这一条，相当于是编译识别sass!用了很久css预编译器，但是一直不太清楚到底用的sass还是scss，直到有天被问住了有点尴尬，找了个教程撸了遍==。。。语法形式上有些许不同，最主要的就是sass是靠缩进表示嵌套关系，scss是花括号。e

在公司的主要工作是组件库的开发，也已经有两个多月，期间一直觉得项目的开发构建太慢，每次开发打开开发环境需要 40s 左右，简直不能忍。前前后后尝试了各种优化手段，但是都不理想。终于在今天，找到了问题所在，构建速度提升了 50% 以上，现在只需要 17s 左

vue.js是一套构建用户界面的渐进式框架，它采用自底向上增量开发的设计。）Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和Vue生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供