PD
🧩 Plasmo Developers•2y ago
Sébastien

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
Sébastien
SébastienOP•2y ago
@louis any idea what's going on here? 🙂
lab
lab•2y ago
@tetec1 I'd try again, maybe with the verbose flag
Sébastien
SébastienOP•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
lab•2y ago
where are these css files located btw? outside of the plasmo project?
Sébastien
SébastienOP•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.

Did you find this page helpful?