Filechanges in /public in development?

I have a css file in /public. If I change it while react-static start, the file is not being updated and the server still serves the old version. Essentially, I have to restart for every change in the css.

Is there a setting to change this? I could not find anything in the docs.

Thanks so much!

[EmilTholin]

Hi @pA1nD!

The /public folder is indeed not watched, and is just copied to the /dist folder. If you instead import your CSS into one of your JavaScript files, it will be hot reloaded in development and extracted properly for production:

import React from 'react'
import { Router, Link } from 'react-static'
import Routes from 'react-static-routes'

import './app.css'

export default () => (
  <Router>
    <div>
      <nav>
        <Link to="/">Home</Link>
        <Link to="/about">About</Link>
        <Link to="/blog">Blog</Link>
      </nav>
      <div className="content">
        <Routes />
      </div>
    </div>
  </Router>
)

[totsteps]

@EmilTholin It would be nice if we can show a warning if the user imports something(js or css) outside the src folder.