Is it possible to import a whole directory in sass using @import?

by

If you are using Sass in a Rails project, the sass-rails gem, https://github.com/rails/sass-rails, features glob importing. 

@import "foo/*"     // import all the files in the foo folder
@import "bar/**/*"  // import all the files in the bar tree

To answer the concern in another answer “If you import a directory, how can you determine import order? There’s no way that doesn’t introduce some new level of complexity.”

Some would argue that organizing your files into directories can REDUCE complexity.

My organization’s project is a rather complex app. There are 119 Sass files in 17 directories. These correspond roughly to our views and are mainly used for adjustments, with the heavy lifting being handled by our custom framework. To me, a few lines of imported directories is a tad less complex than 119 lines of imported filenames.

To address load order, we place files that need to load first – mixins, variables, etc. — in an early-loading directory. Otherwise, load order is and should be irrelevant… if we are doing things properly.

More Related Contents:

  1. Can variables be used in import statements for Sass files?
  2. When using SASS how can I import a file from a different directory?
  3. How do I import from a sibling module?
  4. How to use custom packages
  5. Can’t import CSS/SCSS modules. TypeScript says “Cannot Find Module”
  6. @import in @if statement in Sass
  7. Next.js Global CSS cannot be imported from files other than your Custom
  8. Why put in front of the file name “_” or “_” in scss/css?
  9. How do I “use” or import a local Rust file? [duplicate]
  10. Angular2 & TypeScript importing of node_modules
  11. How to include files from same directory in a module using Cargo/Rust?
  12. Relative import from parent directory
  13. False positive “undefined variable” error when compiling SCSS
  14. How does Python importing exactly work?
  15. Import .csv file to Sqlite in Android
  16. How to use code from script with type=module [duplicate]
  17. How to import a module in Python with importlib.import_module
  18. How to create new breakpoints in bootstrap 4 using CDN?
  19. Why is my OBJ parser rendering meshes like this?
  20. How can I use Ruby/Rails variables inside Sass?
  21. Import a module from both within same package and from outside the package in Python 3
  22. How PyCharm imports differently than system command prompt (Windows)
  23. Can’t import annotations from __future__
  24. Flask(‘application’) versus Flask(__name__)
  25. Read Tables from pdf using python [duplicate]
  26. Sass and rounding down numbers. Can this be configured?
  27. Trying to use sass modules in create-react-app with the new @use syntax but receiving an error
  28. SASS calculate HSL Difference between 2 colours
  29. Difference between tkinter and Tkinter
  30. How to use bootstrap 4 in angular 2?

Leave a Comment