I think you need to load this through webpack
you need to setup a sass , css loader
check out this repo
Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.
I am trying to use bootstrap-select with Vue components.
I did my npm install bootstrap-select -saveand all made it work.
However, i had to put the css link for bootstrap-select in my blade view, as i did not manage to import/require it.
As far as i know, after i run an npm install, and writing require('bootstrap-select') in my Vue component, the js will be compiled.
For the css to be loaded, i looked at app.scss file in resources, and i see this line:
@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";
which i guess imports the css of bootstrap, however it is a folder that has lots of .scss files.
I tried to do the same for bootstrap-select node module folder, and it did not work.
@import "node_modules/bootstrap-select/sass";
sass is a folder, that has 2 scss files (variables.scss and bootstrap-select.scss)
Any help ?
Please or to participate in this conversation.