Comments (5)
Sorry, forgot to answer earlier. The problem as I discovered is that compass
uses ruby sass
, when ember-cli-sass
relies on node-sass
which uses libsass
written in C. So it's much faster. Probably the only way to achieve the same speed of compilation is to try to keep using ember-cli-sass
with only importing sass sources of Compass. Not sure if this approach allows for using of all the features of Compass, though.
from ember-cli-compass-compiler.
Use a main file (eg app.scss
) and import other files (eg _mixins.scss
) using:
@import "mixins"
body {
// ...
}
from ember-cli-compass-compiler.
That is exactly what I'm doing. Except that I don't underscore them. Does underscore prevents file from being compiled separately?
My problem, as far as I see, is that variables and mixins from bootstrap (imported in app.sass before other files) are not accessible inside of "other files", when they are rendered in isolation.
UPD: Ok, I tried and underscore seemed to prevent files from compiling separately, so this problem is gone
But the performance issue is still there and now, when I was able to compile all parts of my project it took 33 seconds. If I leave only bootstrap import in app.sass, it takes 10 seconds to render, which would be bearable if it was rendered once. But seems like it re-renders the whole set if something changed in other files. What I'm trying to figure out is whether it's considered normal or there's a problem with compass, sass or some other package.
from ember-cli-compass-compiler.
I am aware that compilation is slow however I have no good solution for that for now. I hope someone with deeper knowledge of compass, sass cache and broccoli will tackle that and submit a PR.
from ember-cli-compass-compiler.
What you said should be doable with ember-cli-sass. This repo uses compass as the name suggests. If a faster compass solution becomes available, I will switch to that.
from ember-cli-compass-compiler.
Related Issues (20)
- Asset subdirectories should compile to local path HOT 4
- Error when trying to build HOT 10
- 'ember-cli-sass-and-compass-compiler' should be the name for the repo HOT 2
- Default precision for compass is 5 -- need to increase it HOT 2
- Latest broccoli-funnel causes files to go in the wrong directory HOT 2
- CSS gets minified twice HOT 2
- Compile separated files? HOT 4
- Compiler executing twice HOT 2
- Ignore unrelated imported files
- Wrong output filename on Windows HOT 2
- Environment Variables HOT 1
- compiler works on windows environment but not on mac HOT 4
- Does not work with ember-component-css
- Doesn't copy to [appname].css HOT 12
- Error: File not found: /app/styles/app.scss HOT 5
- can't get this to work in new ember app
- Compass Compile error when pushing to heroku HOT 3
- Not finding any sass files HOT 2
- CompassCompiler error due to invalid Compass option HOT 2
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 ember-cli-compass-compiler.