Coder Social home page Coder Social logo

Comments (5)

youroff avatar youroff commented on August 16, 2024 1

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.

quaertym avatar quaertym commented on August 16, 2024

Use a main file (eg app.scss) and import other files (eg _mixins.scss) using:

@import "mixins"

body {
  // ...
}

from ember-cli-compass-compiler.

youroff avatar youroff commented on August 16, 2024

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.

quaertym avatar quaertym commented on August 16, 2024

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.

quaertym avatar quaertym commented on August 16, 2024

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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.