Can I use sass-embedded as part of my sass-loader for my webpack.config.js

Question

I am trying to do something like this but for my webpack.config.js but I run into an error that states: Unknown Sass implementation "sass-embedded".

I have sass-embedded installed as a module. Any sort of insight would be appreciated as to why this doesn't work or if this is even possible given that sass-embedded is in beta.

webpack.config.js:

{
      loader: 'sass-loader',
      options: {
        sourceMap : true,
        implementation: require('sass-embedded'),
        sassOptions: {
          fiber: false,
          includePaths: [
            project.paths.client('styles'),
            project.paths.base('node_modules')
          ]
        }
      }
    }

score 3 · Accepted Answer · answered Nov 07 '22 at 17:01

3

You can just do:

{
   loader: 'sass-loader',
   options: {
     sourceMap : true,
     implementation: require('sass-embedded'),
   }
}

That improved my pipeline speed from 3min30s to 40s.

answered Nov 07 '22 at 17:01

Anais Trope

46
2

Welcome to Stack Overflow! Your answer could be improved with additional supporting information. Please [edit] to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the [help center](https://stackoverflow.com/help/how-to-answer). – Ethan Nov 11 '22 at 14:28

score 1 · Answer 2 · answered Jul 03 '22 at 15:20

1

Based on the information in the official announcement of the first stable release of Embedded Dart Sass, I'd suggest trying the sass package instead.

answered Jul 03 '22 at 15:20

Bryce Wray

285
3
12

Can I use sass-embedded as part of my sass-loader for my webpack.config.js

2 Answers2

Linked