npm install --save css-loader exports-loader
in line 180
// const commonLoaders = [
// { loader: 'raw-loader' },
// ];
// new code
const commonLoaders = [
{
loader: 'css-loader',
options: {
sourceMap: cssSourceMap,
import: false,
}
}
];
// load component css as raw strings
const rules = baseRules.map(({ test, use }) => ({
exclude: globalStylePaths, test, use: [
'exports-loader?module.exports.toString()', // <- new
...commonLoaders,
{
loader: 'postcss-loader',
options: {
ident: 'embedded',
plugins: postcssPluginCreator,
sourceMap: cssSourceMap
}
},
...use
]
}));
in line 172
devtool: 'source-map', // <- new
resolve: {
extensions: ['.ts', '.js'],
symlinks: !buildOptions.preserveSymlinks,
modules: [appRoot, 'node_modules'],
alias
},
ng serve --sourcemap --extractCss // has sourcemap