Bootstrap and Slack comunity

[AndersonDev]

Hi guys. Sory for support question here but slack and registration on site not working.

I whant to use scss, Bootstrap 4 (WITHOUT js components and jquery) and custom fonts.

Here is guide to do add Bootstrap and I tried it. However I had an errors:

I think they caused by this code:

{ test: /\.scss$/, loaders: ['style', 'css', 'postcss', 'sass'] },
{
    test: /\.scss$/,
    exclude: /node_modules/,
    loaders: ['raw-loader', 'sass-loader'] // sass-loader not scss-loader
},
{ test: /\.(woff2?|ttf|eot|svg)$/, loader: 'url?limit=10000' }

How to make this right? My old approach was by adding bootstrap-min.css to my app and all.

Thanks!!!

[ebeal]

Looks like the css loaders need to be installed. Either install them with npm manually or update your package.json to include them and run an npm install. This should fix this issue, however if you don't have a reason to use a non minified, non css version of bootstrap don't (you can still use custom fonts and no js). If installing the loaders fixes this issue please close this. Thanks :)

[AndersonDev]

@ebeal I instaled them firstly)
You think it will be ok to import bootstrap .css in vendors? Is it "Best Practice"?

[ebeal]

It looks like it may be an issue with the current version of the sass-loader #254 Although the error is not exactly the same the setup sounds similar. Are you using components from bootstrap? Are you talking about the vendors.ts?
This issue #7 is related.

[AndersonDev]

@ebeal I do the steps 1 to 1 as in guide. I have Import in vendor. Tomorrow I will include min.css and all. I just want to now is it necessary to worry about that?