如何使用 npm 在 Laravel 5.6 中添加 css 文件

Question

这是我的一步

1. npm install bootstrap-select
2. 编辑 resource/assets/bootstrap.js 并添加“require('bootstrap-select');”
3. npm 运行产品

我的问题：

但是 lib bootstrap-select 包含 sass 或 css 文件，如何在 css/app.css 中合并 sass 或 css 文件？

只有编辑 webpack.mix.js 的方法吗？或者我可以编辑一些文件，例如“resource/assets/bootstrap.js”

Answer 1

您可能希望在自己的 sass 中包含 bootstrap-select sass 文件。

在您的resources/assets/sass/app.scss 中类似的内容：

...
@import '~bootstrap-select/sass/bootstrap-select';
....

这样你就可以在你自己的 sass 文件中使用它们的变量。它会自动编译成你的public/css/app.css。

或者如果你不想使用变量，你可以从你的 sass 文件中导入 css 并仍然编译成 app.css：

@import '~bootstrap-select/dist/css/bootstrap-select';