[FEAT] support content style HMR

[hg2990656]

How do you envision this feature/change to look/work like?

Why can't plasmo support content style HMR? When I modify the css file in content, I need to reload the plugin.

What is the purpose of this change/feature? Why?

Improve development efficiency

(OPTIONAL) Example implementations

No response

(OPTIONAL) Contribution

• I would like to contribute to this RFC via a PR

Verify canary release

• I verified that the issue exists in plasmo canary release

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems.

[louisgv]

@hg2990656 can you give me more info about your setup?

[hg2990656]

@hg2990656 can you give me more info about your setup?

node version：18.16.0
pnpm version: 8.5.1

My operation steps:

1. pnpm install -g plasmo，plasmo version is 0.73.1
2. pnpm create plasmo --with-content-scripts-ui
3. pnpm dev
4. add extension to chrome
5. modify the background to blue in plasmo-overlay.css
6. refresh the page, but color is not changed, then reload the plugin, color is changed

[louisgv]

Related: parcel-bundler/parcel#6506

This is a bug with the inline resolver - it inline the bundle but doesn't contain a backward dependency reference, causing the livereload to not be able to tell where it came from.

Solution down the line is to fork the inline resolver and make sure it points to the correct root dependency or something along that line. Otherwise, the cs won't know if that file belonged in its dependency tree.