SassSass全称"SyntacticallyAwesomeStyleSheets",是CSS的一种扩展语言。变量VariableSass允许使用变量（最新的CSS也支持了变量）。可以在Sass中声明变量，并为它赋值。在Sass中，变量以$开头的，后跟变量名。$text-color:red;使用color:$text-color;嵌套CSSNestSass允许CSS规则的嵌套，这在组织样式表结构的时候会很有用。在CSS里，每个元素的样式都需要写在独立的代码块中，如下所示：nav{background-color:red;}navul{list-style:none;}navulli{disp
SassSass全称"SyntacticallyAwesomeStyleSheets",是CSS的一种扩展语言。变量VariableSass允许使用变量（最新的CSS也支持了变量）。可以在Sass中声明变量，并为它赋值。在Sass中，变量以$开头的，后跟变量名。$text-color:red;使用color:$text-color;嵌套CSSNestSass允许CSS规则的嵌套，这在组织样式表结构的时候会很有用。在CSS里，每个元素的样式都需要写在独立的代码块中，如下所示：nav{background-color:red;}navul{list-style:none;}navulli{disp
1.CSS、SCSS、Sass CSS是开发人员熟知的一种用于页面样式开发的语言，可以通过内容的分离控制减少代码的重复性，降低代码的复杂程度。 Sass与SCSS都是CSS预处理器，可包含在基于CSS的UI（用户界面）或前端框架中以简化开发。Sass 与SCSS框架在高级别的CSS功能方面提供了强大的功能。预处理器的选择取决于通过以有效的方式做出权衡选择来使应用程序高效工作所需的功能和特性。 SCSS作为Sass的主要语法引入，它建立在现有的CSS语法之上，不仅包含CSS的所有功能和Sass的一些功能，还添加了一些额外的特殊功能。可以说SCSS是CSS的超集，其中CSS的所有功能都将在S
1.CSS、SCSS、Sass CSS是开发人员熟知的一种用于页面样式开发的语言，可以通过内容的分离控制减少代码的重复性，降低代码的复杂程度。 Sass与SCSS都是CSS预处理器，可包含在基于CSS的UI（用户界面）或前端框架中以简化开发。Sass 与SCSS框架在高级别的CSS功能方面提供了强大的功能。预处理器的选择取决于通过以有效的方式做出权衡选择来使应用程序高效工作所需的功能和特性。 SCSS作为Sass的主要语法引入，它建立在现有的CSS语法之上，不仅包含CSS的所有功能和Sass的一些功能，还添加了一些额外的特殊功能。可以说SCSS是CSS的超集，其中CSS的所有功能都将在S
1.错误npmERR!codeERESOLVE系统从win7升级到win10，之前的node版本是13.14.0，现在版本是16.17.1。正常的vue程序无法正常运行。从网上查询得知"node-sass":"^4.14.1"需要安装python2.7和vs_BuildTools，于是安装python2.7和visualC++2019，设置npmconfigsetpythonC:\\Users\\Administrator\\.windows-build-tools\\python27\\python.exe。运行程序，仍然报错。一气之下删除node_modules文件夹，重新npm安装依赖包
1.错误npmERR!codeERESOLVE系统从win7升级到win10，之前的node版本是13.14.0，现在版本是16.17.1。正常的vue程序无法正常运行。从网上查询得知"node-sass":"^4.14.1"需要安装python2.7和vs_BuildTools，于是安装python2.7和visualC++2019，设置npmconfigsetpythonC:\\Users\\Administrator\\.windows-build-tools\\python27\\python.exe。运行程序，仍然报错。一气之下删除node_modules文件夹，重新npm安装依赖包
1.安装sass较新的版本不需要配置sass-loader等一系列插件，安装即用。npminstall--save-devsass2.编写App.tsx中的基本DOM更改app.css为app.scss,并删除其中全部内容使用如下代码替换app.tsx中的内容import"./App.scss";functionApp(){return(导航1导航2导航3测试混入的内容测试传参混入剩余参数混入浏览器前缀混入基类继承1继承2页脚);}exportdefaultApp;3.sass变量sass变量使用$符号开头可以存储字符串、数字、颜色值、布尔值、列表、null。下方定义了若干个sass变量：$m
1.安装sass较新的版本不需要配置sass-loader等一系列插件，安装即用。npminstall--save-devsass2.编写App.tsx中的基本DOM更改app.css为app.scss,并删除其中全部内容使用如下代码替换app.tsx中的内容import"./App.scss";functionApp(){return(导航1导航2导航3测试混入的内容测试传参混入剩余参数混入浏览器前缀混入基类继承1继承2页脚);}exportdefaultApp;3.sass变量sass变量使用$符号开头可以存储字符串、数字、颜色值、布尔值、列表、null。下方定义了若干个sass变量：$m
前言有没有面试的时候，经常被问怎么写一个webpack的loader或者plugin呢？这时候不知道你是不是一脸懵逼。那么这篇文章我们一起来学一下loader的实现，并亲手写一个阉割版的px2rem-loader并为官方的px2rem-loader拓展一些实际项目中不能满足我们使用的功能loader的基本介绍loader的基本使用loader的本质是对源代码进行转换，预处理源代码内容。webpack默认只能处理.js,.json文件，实际项目中会有很多类型的文件，这时候就需要提供loader为webpack拓展处理其它文件的能力。本篇文章重在编写loader，不在这里介绍loader的基本使用
前言有没有面试的时候，经常被问怎么写一个webpack的loader或者plugin呢？这时候不知道你是不是一脸懵逼。那么这篇文章我们一起来学一下loader的实现，并亲手写一个阉割版的px2rem-loader并为官方的px2rem-loader拓展一些实际项目中不能满足我们使用的功能loader的基本介绍loader的基本使用loader的本质是对源代码进行转换，预处理源代码内容。webpack默认只能处理.js,.json文件，实际项目中会有很多类型的文件，这时候就需要提供loader为webpack拓展处理其它文件的能力。本篇文章重在编写loader，不在这里介绍loader的基本使用
