getStyle: PlasmoGetStyle api unable to get live-reload effect.

[deng232]

content.tsx:

import styleText from  "data-text:./styles.css"
import type { PlasmoGetStyle } from "plasmo"
function Overlay(){
    return (
        <div className="overlay">
                Test
        </div>
    )
}
export const getStyle: PlasmoGetStyle = () => {
    const style = document.createElement("style")
    style.textContent = styleText
    return style
  }

export default Overlay

when styles.css update, there is extension re-packaged message show, but no effect on "overlay" unless reload extension.

Version

Latest

What OS are you seeing the problem on?

Windows

What browsers are you seeing the problem on?

Chrome

Relevant log output

No response

(OPTIONAL) Contribution

• I would like to fix this BUG via a PR

Code of Conduct

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

[Jonathan-Asher]

Facing same issue...
Also for content scripts there is no HMR, the whole page just reload (and the extension as well)

Changing CSS/SCSS does not trigger the reload.

I belive related: #610 (comment)

[Jonathan-Asher]

Started using Tailwind CSS for the hot reloading!

[HeathStratosphere]

@Jonathan-Asher Would you mind detailing a bit of your process? I'd love to get some sort of HMR running for styles, and I've run into this same issue.

[Jonathan-Asher]

@Jonathan-Asher Would you mind detailing a bit of your process? I'd love to get some sort of HMR running for styles, and I've run into this same issue.

Try going through this article:
https://docs.plasmo.com/quickstarts/with-tailwindcss

function Component(props: any) {
  return <div className='flex flex-col'> // Style the component with tailwind classes
    ...
  </div>
}