Webpack 拉维混合料&x2B;sass&x2B;全局通配符导入 背景:带gulp的SASS glob导入

Webpack 拉维混合料&x2B;sass&x2B;全局通配符导入 背景:带gulp的SASS glob导入,webpack,sass,glob,laravel-mix,Webpack,Sass,Glob,Laravel Mix,在过去,我们使用gulp和编译SASS文件 这允许使用如下通配符语法: @import "path/*.scss"; 它还支持多级嵌套导入 Backgorund:SASS glob导入纯网页包 webpack有许多可用的解决方案。例如[导入全局加载器]( 这些解决方案通常附带纯webpack的配置说明 配置在laravel mix中看起来会有点不同,但它可以正常工作 不幸的是,它们都不支持嵌套全局导入 问题1:采用laravel mix的SASS glob进口 我们现在使用的是默认情况下与la

在过去,我们使用gulp和编译SASS文件

这允许使用如下通配符语法:

@import "path/*.scss";
它还支持多级嵌套导入

Backgorund:SASS glob导入纯网页包 webpack有许多可用的解决方案。例如[导入全局加载器]( 这些解决方案通常附带纯webpack的配置说明

配置在laravel mix中看起来会有点不同,但它可以正常工作

不幸的是,它们都不支持嵌套全局导入

问题1:采用laravel mix的SASS glob进口 我们现在使用的是默认情况下与laravel mix一起提供的产品。我们可以回到纯webpack或gulp,但我们想给laravel mix一个机会

laravel mix中的“config”文件与纯webpack中的“config”文件大不相同

因此,我不确定“导入全局加载程序”是否适用于laravel mix,如果适用,如何应用设置

也有,但似乎更多的是关于js而不是SASS。我没有看到任何关于SASS导入的代码片段

编辑:找到了Q1的答案。 在laravel混合配置中:

mix
[..]
.webpackConfig({
模块:{
规则:[
{
测试:/\.scss/,
加载程序:“导入全局加载程序”
}
]
}
});
学分:

Q2:在导入的文件中工作的glob解决方案。 main.scss:

@import my/*.scss
my/hello.scss:

@import ../my2/*.scss
my2/hello2.scss:

body {
  border: 10px solid green;
}
这适用于
节点sass globbing
和gulp/node sass

但是有没有一种解决拉维混合的方法呢

相关问题 这也是关于laravel mix+sass glob的,但它没有给出“我们到目前为止看过的包”的详细信息,而且还没有答案


(最坏的情况是,如果我们将此作为副本关闭,它可能会给另一个提供一些链接信息。)

找到解决方案了吗?