有一个这样的文件夹结构./src/scss/
:
--> scss
----> root.scss
----> header.scss
----> body.scss
----> footer.scss
那些。文件夹中scss
有 4 个文件.scss
。我正在尝试将它们捆绑在一起app.css
,但它不起作用。
因此,webpack.mix.js
我尝试这样做:
mix.sass(
[
'./src/scss/root.scss',
'./src/scss/header.scss',
'./src/scss/body.scss',
'./src/scss/footer.scss'
], './dist/app.css'
)
但我得到一个错误
AssertionError [ERR_ASSERTION]: mix.sass() is missing required parameter 1: src
他也这样做了:
mix.sass('./src/scss/root.scss', './dist/app.css')
.sass('./src/scss/header.scss', './dist/app.css')
.sass('./src/scss/body.scss', './dist/app.css')
.sass('./src/scss/footer.scss', './dist/app.css');
但所以他只写了app.css
出来footer.scss
¯\_(ツ)_/¯
如何从 laravel-mix 中的 .sass 文件制作一个包?
您可以使用@import规则或@use规则将 sass 合并为一个。
首先,您需要创建一个通用文件
.scss
,其中连接了所有模块。这是需要转换为.css
.