how to reload the flask server when I change my css code?

Question

I am trying to edit my CSS code in the static folder. But the problem is: Flask is not reloading CSS changes.

<head>
<link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='style.css') }}">
</head>

I expected the changes but there is no change on editing the css file.

Is it possible that your CSS is being cached by your browser? — Hoppeduppeanut
– Hoppeduppeanut, Commented Jun 26, 2019 at 6:31
yes , if i manually reload the server the output is being changed ! — atyam anudeep
– atyam anudeep, Commented Jun 26, 2019 at 6:35
Try Hard Refresh - Ctrl + F5 or hold Ctrl and click on the Refresh button on your web browser. — Dinko Pehar
– Dinko Pehar, Commented Jun 26, 2019 at 7:36
Apart from control = F5, flask offers an option to add extra files to be monitored and cause restart in debug mode stackoverflow.com/questions/43688777/…. I have not tested this on css files, but it might be worth a try — gittert
– gittert, Commented Jun 26, 2019 at 11:18

Rodrigo E. Principe · Accepted Answer · 2020-02-04 23:36:59Z

14

I had the same problem and it was the browser cache not clearing out. I found a solution for Chrome and Firefox: hold down the Shift key while clicking the reload button

answered Feb 4, 2020 at 23:36

Rodrigo E. Principe

1,33116 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Amnon · Accepted Answer · 2020-06-23 05:25:17Z

1

You can use:

FLASK_RUN_EXTRA_FILES environment variable
--extra-files commandline arg
extra_files array arg to app.run()

see extra files docs

answered Jun 23, 2020 at 5:25

Amnon

2,3401 gold badge20 silver badges37 bronze badges

Comments

Maen · Accepted Answer · 2021-11-22 15:56:45Z

1

You need to set reload template to true

app = Flask(__name__)
app.config["TEMPLATES_AUTO_RELOAD"] = True

answered Nov 22, 2021 at 15:56

Maen

8359 silver badges11 bronze badges

Comments

brillenheini · Accepted Answer · 2019-06-26 10:11:16Z

0

My guess is that static files are not checked for changes, even when Flask runs in debug mode. Additionally, CSS files are rather more browser related than to the application itself.

Regards, Thomas

answered Jun 26, 2019 at 10:11

brillenheini

9832 gold badges10 silver badges24 bronze badges

Collectives™ on Stack Overflow

how to reload the flask server when I change my css code?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related