Currently, I'm in the process of cleaning up the unused CSS in my website's style.css and bootstrap.min.css files during development. I am utilizing PostCSS and Parcel for this task.
After installing PostCSS and Parcel, I proceeded to create a postcss.config.js file.
Here is the code within the postcss.config.js file:
postcss.config.js
module.exports = {
Plugins:[
require("postcss-uncss")({
html:[
'/index.html'
]
})
]
}
However, when I run parcel index.html, I encounter the following error:
G:\Aframara Website\images\about\ us.jpg: ENOENT: no such file or directory, open 'G:\Aframara Website\images\about\ us.jpg'
My website consists of 7 HTML files, and apart from the aforementioned style.css and bootstrap.min.css files.
Hence, I am seeking efficient ways to reduce the size of these two files. I came across this informative video and followed the steps as demonstrated. Any additional suggestions would be greatly appreciated. Thank you.