Webpack 拉维混合料&x2B;sass&x2B;全局通配符导入 背景:带gulp的SASS glob导入
在过去,我们使用gulp和编译SASS文件 这允许使用如下通配符语法: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
@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的,但它没有给出“我们到目前为止看过的包”的详细信息,而且还没有答案
(最坏的情况是,如果我们将此作为副本关闭,它可能会给另一个提供一些链接信息。)找到解决方案了吗?