How to build scss with angular-material on webpack?

Question

JavaScript

Given:
- javascript es5
- angular v1.6 framework
- angular-material v1 library
- maximum "component structure" application
Component structure implies using separate .html/.js/.scss files for each component. And using angular's `component`s.
At the output, I want to get bundles:
- lib.js -- code of all libraries
- app.js -- all application code - material.css -- standard styles
of library components
- app.css -- styles of application components
something with variable brand colors or something like that. And application styles should be collected from pieces for components.
PS In principle, styles do not have to be collected in separate files. Let them be generated figs understand what kind of blobs in runtime. If only FUOC did not fall out, and source-map stuck to them.