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

Question

这是我的步骤

1. npm install bootstrap-select
2. 编辑资源/ assets / bootstrap.js并添加“require（'bootstrap-select'）;”
3. npm run prod

我的问题：

但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';