做项目的时候遇到了使用混入方法不生效，但是才其他的选择器里面还可以生效，只是在自己写的选择器中不生效，后来发现了问题所在：
必须把/deep/ 必须放到选择器后面写，/deep/放到选择器前面其他样式生效，混入的方法@include background('color13');和
@include border(color6, "border-bottom");不生效所以切记/deep/放在选择器的后面。
.collapse-menu /deep/ {
.el-collapse:last-child {
.el-collapse-item__header {
border-bottom: none;
}
.menuItem:last-child {
border-bottom: none;
}
}
.el-collapse-item__header {
height: $top-nav;
line-height: $top-nav;
padding-left: 10px;
@include background('color13');
@include border(color6, "border-bottom");
@include common-font-weight(1.4, 600, #555);
}
Sass
作为目前成熟，稳定，强大的css扩展语言，让越来越多的前端工程师喜欢上它。下面介绍了如何在vue项目
中
引入
Sass
。
首先在项目文件夹执行命令 npm install vue-cli -g，安装vue-cli脚手架，若是已经安装了，则不必再次安装，直接
跳过这一步。接下来执行命令行vue init webpack mypro（注：mypro是项目名）。
接下来安装
Sass
依赖包，使用以下命令行：
npm install
sass
-loader --save-dev
npm install node-
sass
--save-dev
执行完毕后，找到build文件夹，在文件夹里面的w
原来这不是一个bug，只有在main.js
引入
一个其他scss文件或者在.vue文件中使用，并且里面有内容（猜测因为配置文件是在每个 vue 文件单独
引入
的原因），则 scss.additionalData 配置的全局scss文件就可以正确
引入
了
在维护和开发项目时，为了提高效率，会有代码的重复利用。在
Sass
中，除了@import和@extend增加代码的重复利用性，当然@mixin指令也有同样的效果。
@extend指令通过继承从而简化了代码，但是不够灵活，还会将你不想要的别的地方的相同的类名全部都继承。
@mixin指令是另一种简化代码的
方法
。Mixins可以包含任意内容且可以传递参数，因此比’@extend’更加灵活和强大。
@mi...
如何生成vite的vue项目，网上教程已经有很多，在此就不多说了，在此聊一聊在刚接触vite时，配置scss所遇到的
问题
。
首先执行初始化项目命令，并安装依赖，运行项目：
npm init @vitejs/app vite-test
cd vite-test
npm install
npm run dev
写入样式内容：
body {
background-color: pink;
color: orange;
安装
sass
npm install
sass
-D
/会被替代为 background-image: url(/logo.gif);//将获取的参数从wrapped-stylish-mixin传递向stylish-mixin。@mixin box-shadow($shadows...) { //参数变量。//分别是参数$width值为15px,参数$height值为20px。//不知道会传入多少个参数是就用参数变量全部获取后面的值。//默认参数$width的默认值为10px;//此时会运用@mixin的默认参数。//这里的$args就是个中间变量的定义。
loader: config => {
const oneOfsMap = config.module.rule('scss').oneOfs.store
oneOfsMap.forEach(item => {
.use('
sass
-resources-loader')
.loader('
sass
-resources-loa
Sass
拓展了@import的功能，允许其导入 SCSS 或
Sass
文件。被导入的文件将合并编译到同一个 CSS 文件中，另外，被导入的文件中所包含的变量或者混合指令 (mixin) 都可以在导入的文件中使用。
但在以下
情况
下，@import仅作为普通的 CSS 语句，不会导入任何
Sass
文件。
文件拓展名是.css；
文件名以http://开头；
文件名是url()；
@import包含 media queries。
如果不在上述
情况
内，文件的拓展名是.scss或...
