To transfer each request ("style.css") into fragments of a record in a separate CSS file. And do not embed css in the JS package, but separate it in the CSS package file (styles.css). Use extract-text-webpack-plugin . There is an example in his documentation:
const ExtractTextPlugin = require("extract-text-webpack-plugin");
module.exports = {
module: {
rules: [
{
test: /\.css$/,
use: ExtractTextPlugin.extract({
fallbackLoader: "style-loader",
loader: "css-loader"
})
}
]
},
plugins: [
new ExtractTextPlugin("styles.css"),
]
}
json , json , merge-webpack-plugin. togather, join-webpack-plugin.