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

Question

我对如何编译使用SCSS文件位知识npm run dev。 但是现在我有了Bootstrap html主题文件夹，其中包含了所有资产文件，例如scss和css。我很困惑，我必须{lars @import文件中的所有引导主题文件夹scss文件名app.scss进行编译，或者仅复制Bootstrap主题文件夹scss文件并粘贴在laravel assets/scss文件夹中并运行命令npm run dev。请帮助谢谢

Answer 1

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

@import '~bootstrap/scss/bootstrap';

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

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

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

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