How to change bootstrap to your custom version in laravel mix?

Question

Laravel

I use laravel mix, everything is convenient, bootstrap and vue are initially connected. But now it's time to download a customized version of the bootstrap with a different number of columns, different colors, and so on. How to "implement" it instead of the boxed version?

Answer 1

All this nonsense about resources/sass/_variables.scss. Even with explicit imports in app.scss, no one listens to these variables. Therefore, you need to edit in the file of the same name (variables), which lies in the node_modules / bootstrap folder. Just there, most of the variables are already set.

Answer 2

Just override the variables in scss.
Let's say you have a standard structure like here - https://github.com/laravel/laravel/tree/master/res... Generate custom variables and insert into _variables.scss
laravel mix is ​​just a wrapper for webpack, it is not relevant to the question at all applies.