如何在Laravel中编译引导主题Scss文件

我对如何使用

npm-run-dev

编译scss文件有点了解。

---

但现在我有了引导html主题文件夹，其中包含了所有资产文件，如SCS和css。我感到困惑的是，我必须导入laravel

app.scss

文件中的所有引导主题文件夹scss文件名进行编译，或者复制引导主题文件夹scss文件并粘贴到laravel

assets/scss

文件夹中，然后运行命令

npm run dev

。请帮助，谢谢

在您的resources/sass/app.scss文件或您希望包含主题文件的任何其他文件中，添加以下代码行

@import '~bootstrap/scss/bootstrap';

这行代码包括可以在node_modules/bootstrap/scss/bootstrap文件夹中找到的所有引导scss文件。如果您有scss文件的自定义目录，您可以像这样包含它们

@import 'custom_folder/bootstrap-saa/assets/stylesheets/bootstrap";

不要忘记将条目添加到根文件夹中的webpack.mix.js文件中

mix.sass('resources/sass/app.scss', 'public/css');

---

您的主题将有一个“条目”文件（即theme.scss）。只需将其导入到您的resources/sass/app.scss文件中即可。