🧩 Plasmo Developers•2y ago

Hot reloading a CSS file not working

Hi! When I modify a css file in my project, the app reloads automatically and I get the "Extension re-packaged" as in my .tsx files, but the web page where my extension is running doesn't reload. Reloading the web page doesn't do anything, and I have to restart the development server to be able to see the new style. Is this something I can configure somewhere? In general, I did not see where I could configure Plasmo to see or modify which folders it observes when hot-reloading. Thank you for your help!

5 Replies

tetec1OP•2y ago

@louis any idea what's going on here? 🙂

lab•2y ago

@tetec1 I'd try again, maybe with the verbose flag

tetec1OP•2y ago

hmm no, I removed the verbose flag but I get the same behavior I have to reload manually when I modify css files, tsx are fine

lab•2y ago

where are these css files located btw? outside of the plasmo project?

tetec1OP•2y ago

in src/styles:

├── src
│   ├── components
│   │   ├── countButton.tsx
│   │   ├── main.tsx
│   │   └── settings
│   │       ├── SettingsButton.tsx
│   │       └── SettingsTooltip.tsx
│   ├── contents
│   │   └── Settings.tsx
│   ├── pages
│   │   └── index.tsx
│   ├── popup
│   │   └── index.tsx
│   └── styles
│       ├── SettingsButton.scss
│       ├── base.css
│       └── style.css

├── src
│   ├── components
│   │   ├── countButton.tsx
│   │   ├── main.tsx
│   │   └── settings
│   │       ├── SettingsButton.tsx
│   │       └── SettingsTooltip.tsx
│   ├── contents
│   │   └── Settings.tsx
│   ├── pages
│   │   └── index.tsx
│   ├── popup
│   │   └── index.tsx
│   └── styles
│       ├── SettingsButton.scss
│       ├── base.css
│       └── style.css

but I had this issue in other folders too, I moved them to a styles folder based on your advice from another thread Unfortunately this problem persists.

Gaming

Programming

Hot reloading a CSS file not working