I realized that all my separeted files have the same sizes and using the Chrome Coverage option, I saw that I had some classes that I don't use in one HTML file but I'm doing in another file.
To understand better:
Everything looks fine. Actually, without the purifycss-webpack plugin, the CSS files resulted would be bigger than 15.7 kB. But, when I load the home.html and then, using the Chrome inspector tools, I check the cSS files using the Coverage option, I can see that I had some useless clases and those clases were part of, example, mantencion.html. So the resulted CSS files are based on the clases that I use within the three files and not one by one file.
I realized that all my separeted files have the same sizes and using the Chrome Coverage option, I saw that I had some classes that I don't use in one HTML file but I'm doing in another file. To understand better:
webpack.config.js
With this configuration, everything works fine... I mean I've got no errors bundling, extracting and so on. The result from webpack is:
output console
Everything looks fine. Actually, without the
purifycss-webpack
plugin, the CSS files resulted would be bigger than 15.7 kB. But, when I load the home.html and then, using the Chrome inspector tools, I check the cSS files using theCoverage
option, I can see that I had some useless clases and those clases were part of, example, mantencion.html. So the resulted CSS files are based on the clases that I use within the three files and not one by one file.