question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Looking for pre-compile step that generates a single scss file with dependencies resolved

See original GitHub issue

I’d like a sass command that can take a source.scss file as an input, resolve its dependencies (declared with syntax like @import grid.scss;) and output a single dest.scss file that is the concatenation of all imported files and source.scss.

At a later stage I will then run sass on the dest.scss file to produce a final css file.

Does anything like this exist and if not, are there developer docs I can read to help me get started implementing the feature?

Issue Analytics

  • State:closed
  • Created 10 years ago
  • Comments:9 (1 by maintainers)

github_iconTop GitHub Comments

2reactions
scottdaviscommented, Jul 28, 2016

For anyone needing this still I have written a tool that does this: https://github.com/scottdavis/sass-concat

0reactions
Tzrlkcommented, Jun 13, 2014

I’m also interested in this feature. Being able to generate optimised scss output will speed up later compilation if the styling properties aren’t known until runtime.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Error: File to import not found or unreadable: ~bootstrap/scss ...
When Sass is precompiled by its own CLI, it processes @imports by itself, and sometimes thus doesn't understand ~ notation.
Read more >
Webpacker in production (Webpacker can't find application in...)
In last and desperate measure, I have tried to create a new fresh project with "Rails new test-vue4 webpacker=vue". Precompiled assets (and by ......
Read more >
How to compile Sass files in Visual Studio and Webpack
Webpack and NPM Dependencies · Right click build -> Bindings -> Before Build — Visual Studio will run this task before each build....
Read more >
esbuild-sass-plugin - npm
A plugin for esbuild to handle Sass & SCSS files. Features. PostCSS & CSS modules; support for constructable stylesheet to be used in...
Read more >
Sass Basics
Sass would watch all files in the app/sass folder for changes, and compile CSS to the public/stylesheets folder. Fun fact: Sass has two...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found