Use sass not css angular 4.net core 2 spa templates

Question

Could you tell me how I can create vendor.scss not vendor.css (bootstrap.css copy), like the webpack that it is doing right now?

I am trying to use bootstrap.scss and variables.scss and _custom.scss, not bootstrap.css.

Or are there other options for this?

I put

{ test: /\.scss$/, loaders: ['to-string-loader', 'css-loader', 'sass-loader'] },

in webpack.config so i can use scss but i dont know how to use bootstrap.scss and not bootstrap.css

Answer 1

In webpack.config.vendor.js in notTreeShakableModules, change the boot record to use bootstrap.scss instead of .css

, , , .