Comments (4)
Wouldn't there have to be a client side hook that compiles the gss when it loads? Different resources need different handling on the client side. Unfortunately this in not the goal of figwheel right now.
If you compiled your gss and targeted the output to a css directory then that would work.
Autoloading and compiling gss in the browser is an interesting problem on its own.
from lein-figwheel.
I think compiling is, yes, client-side problem. But autoloading is figwheel's. Allow to watch files with any given extension and simply clone its tag with cache busting suffix (as it is done for js & css) — and client will do the job in reload callback. M.b. it is useful to pass in callback what files has been changed.
But I don't insist, because those things complicate process a little bit and may not fit figwheel's goal. Especially taking in account that I rejected gss recently ;-)
from lein-figwheel.
I have a similar use case. Using Middleman, I have *.scss files in my stylesheets directory which are transparently build into an application.css that my dev server loads independently from Figwheel. What I would like it to do is reload application.css whenever any of the scss files in that directory change.
Since it's using Sprockets, there's a Rack middleware that's handling the CSS compilation on each request and there are not actual CSS files created on disk in development mode.
Any easy way to do that? Thanks!
from lein-figwheel.
CSS reloading is not going to be a focus for Figwheel. It's a convenience, as Figwheel is not trying to flesh out a full live reload environment.
Figwheel is really meant to provide a live coding experience for cljs. I would have to generalize the project into a guard-like framework to provide for any and all file watching and reloading problems. This is not something I'm planning on doing right now.
If however you target compiled CSS to the directory that Figwheel is watching it will gladly reload it for you.
On Nov 1, 2014, at 9:08 PM, Nathan L Smith [email protected] wrote:
I have a similar use case. Using Middleman, I have *.scss files in my stylesheets directory which are transparently build into an application.css that my dev server loads independently from Figwheel. What I would like it to do is reload application.css whenever any of the scss files in that directory change.
Since it's using Sprockets, there's a Rack middleware that's handling the CSS compilation on each request and there are not actual CSS files created on disk in development mode.
Any easy way to do that? Thanks!
—
Reply to this email directly or view it on GitHub.
from lein-figwheel.
Related Issues (20)
- scss reloading not being triggered HOT 2
- Why is it named figwheel? HOT 1
- Buffers won't connect to CIDER/Figwheel REPL HOT 1
- Figwheel fails to recognize Java version - issues bad warning HOT 5
- Update REPL integration wiki documentation
- Code reloading fails if you use goog namespace
- Separate builds should truly be separate
- Hello world template opens REPL and detects changes but does not run HOT 1
- Erroneous java version warning HOT 1
- REPL and line splitting mid-form HOT 2
- Confusing project.clj syntax error
- How to create production build? HOT 1
- Unable to change Figwheel server-port HOT 1
- Support non-boolean values for :output-wrapper compiler option
- Uncaught ReferenceError: on_js_reload is not defined
- websocket connection-url should default to window.location.hostname instead of localhost HOT 1
- unable to change websocket-host to window.location.host HOT 1
- Can get the nrepl session establshed HOT 1
- On a brand new project `lein figwheel` -> `java.lang.NullPointerException`
- Running lein figwheel throws java.lang.NullPointerException: Cannot invoke "clojure.lang.IFn.invoke(Object)" because "loc" is null HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from lein-figwheel.