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.

Allow for wildcards in .scss

See original GitHub issue
mix.sass('src/style/*.scss', 'dist/style/');

As it stands, the above code results in:

This dependency was not found: * C:\.....\src\style\*.scss in multi ./src/index.tsx ./src/style/*.scss To install it, you can run: npm install --save C:\.....\src\style\*.scss

Example in:

  • src/style/main.scss
  • src/style/other.scss
  • src/style/another.scss

Example out:

  • dist/style/main.css
  • dist/style/other.css
  • dist/style/another.css

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:4
  • Comments:23 (2 by maintainers)

github_iconTop GitHub Comments

30reactions
JeffreyWaycommented, Jul 11, 2017

We don’t support this at the moment. You should be explicit about each Sass file you want to compile.

Most projects just have a single app.scss entry point.

18reactions
divdaxcommented, Oct 3, 2017

@JeffreyWay I’m in the same situation like @Olian04

Currently i’m working on a project where we have 20 minimalistic onepager templates. Each template only needs his specific css and not a big merged app.css. This make sense?

We have our templates:

resources/views/templates/template1.scss
resources/views/templates/template2.scss
resources/views/templates/template3.scss
resources/views/templates/template4.scss
...

and have to update our webpack.js when we add a new template. It’s ok but a “wildcard” would be much nicer! 😄

Read more comments on GitHub >

github_iconTop Results From Across the Web

Sass - Class name wildcard - Stack Overflow
I just tried this, and it seems to work for selectors that need to begin and end with particular substrings: [class^="img"], [class^="hero"] {...
Read more >
How To Use Wildcard Selectors in CSS - Position Is Everything
Wildcard selectors allow you to select multiple matching elements. · The * wildcard is known as the containing wildcard since it selects elements...
Read more >
Wildcard Selectors (*, ^ and $) in CSS for classes
Wildcard selector is used to select multiple elements simultaneously. It selects similar type of class name or attribute and use CSS ...
Read more >
Allow for wildcards in .scss · Issue #982 · laravel-mix ... - GitHub
The code uses node's built-in modules to find all scss files in my resources/sass/pages fold and adds each one to mix. var fs...
Read more >
CSS Wildcard Selectors - CodeSnail
CSS Wildcard Selectors are represented by various symbols such as *,^, or $. These selectors are used to select multiple elements ...
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