Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Instructions on how to compile the css engines #291

Closed
blachawk opened this issue Feb 12, 2021 · 4 comments
Closed

Instructions on how to compile the css engines #291

blachawk opened this issue Feb 12, 2021 · 4 comments
Labels

Comments

@blachawk
Copy link

I successfully installed the express-generator on my local dev box, along with a css engine (sass). But I am failing to find any instructions on how to compile a sass file to css. How do we go about that process?

@dougwilson
Copy link
Contributor

The included engines do not require it to be compiled by any command is why; the middlewares will compile them on the fly as they are requested. The example page in the generated output will load up the css as an example for how to load the end result css from sass source.

@blachawk
Copy link
Author

blachawk commented Feb 12, 2021

The included engines do not require it to be compiled by any command is why; the middlewares will compile them on the fly as they are requested. The example page in the generated output will load up the css as an example for how to load the end result css from sass source.

Here are steps I took just to help me be on the same page with you...

  • I installed the package through the terminal
  • I then ran $DEBUG=livereload:* npm start
  • I then opened up my browser window and went to http://localhost:3000. I can see the page.
  • I then went back into my project and opened up style.sass and made a modification, and saved it.
  • When I open up the style.css file it does not show the update.

What did I miss?

@blachawk
Copy link
Author

blachawk commented Feb 12, 2021

oh, so there is no direct connection between the example sass, and the example .css file in that same directory? ok, then that makes sense. Is this process then left to me to figure out how to have them both talking to each other? or is there a setting, already provided, that I am overlooking, to make that happen?

@dougwilson
Copy link
Contributor

You have to restart the server after you edited the page, most likely. But I'm not familiar with all the different options, as folks contribute them as they like and we just merge them in. You can find the documentation for the SASS middleware here: https://www.npmjs.com/package/node-sass-middleware

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants