Slow compilation time with large project SASS (migrated from 1.x to 2.x)

[elis]

I've recently migrated to v2 since I needed the node_module compilation.

I like the auto-magic sass support, but the app takes a minute or two to compile now.

Any suggestions?

Platform: OSX, Node 8, running build/dev via yarn

[elis]

It's worth mentioning that the project would compiled very fast in the previous setup.

[Timer]

Are you talking about a production build or a development mode rebuild?

[gaearon]

If you mean production build and were previously running a Sass watcher in the background, it doesn't seem like a fair comparison. Because now you're counting it against the build time, but previously by the time the build started, everything was already compiled (and files that didn't need to be built were checked in).

However, we should see if we can somehow cache the DEV Sass build results and reuse them for the production build. That would make a lot of sense since they're not environment-specific.

[Timer]

FWIW, I believe we only having caching on by default for JavaScript. No CSS or Sass -- it's definitely worth exploring this and I was thinking we'd do it as part of #5171.

[willrbc]

I'm encountering a similar slowdown, and it's with dev mode rebuild. Any time I edit my _custom.scss or _variables.scss on my bootstrap theme it takes a long time to compile. This is becoming a considerable pain point when trying out different styles.

[TDiblik]

Hi, what is a state of this issue? I'm also encoutering, really slow compile times (project with +- 80 files)

[jtsierra]

It takes me around 5 seconds to run a compile in development mode, which adds up when trying/testing new styles. Most of it comes from react-bootstrap, and I haven't found a way to make it run faster.

Anybody else with the same issue? It is something that I'm missing?

[mattveraldi]

I have the same problem migrating from node-sass to sass 1.49 (it was a legacy project). So, I don't know if it is strictly related to the 1 to 2 migration. For me it takes several MINUTES to compile.

[gbertl]

It takes me around 5 seconds to run a compile in development mode, which adds up when trying/testing new styles. Most of it comes from react-bootstrap, and I haven't found a way to make it run faster.

Anybody else with the same issue? It is something that I'm missing?

have you found solution by now?

[jtsierra]

@gbertl Not because of this, but finally I switched to MaterialUI and started styling all components within themselves (not external sass/css). This turned out to be so much faster.

[gbertl]

@jtsierra Hope they fix it soon. I guess I'd take that route too since mine is just a small project. Thanks.