Encountering a peculiar issue:
Currently utilizing Webpack in conjunction with Vue-CLI and HMR. On attempting to modify styles via DevTools in the browser, the page itself undergoes unexpected changes - some styles are removed (screenshots provided below).
The root of this dilemma seems to lie within Hot Reload Webpack, where certain Vue-Components' styles persist while others get deleted. Consequently, altering styles in the sidebar becomes arduous, necessitating a page reload each time to restore the styles.
Making available below is my package.json and webpack.base.conf.js for reference.
Thank you for your assistance!
P.S. SASS along with SASS-Loader is also being utilized.
https://i.sstatic.net/nbQ49.png
package.json
{
"private": true,
"scripts": {
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
"start": "npm run dev",
"build": "node build/build.js"
},
...
}
webpack.base.conf.js
'use strict'
const path = require('path')
...
}