The sass-loader will resolve the @import statements and include the imported Sass in the resulting CSS, hence the resulting CSS will probably not have any import statements. But the css-loader does not just handle imports. The three loaders you mention, do very different things and they are meant to be used together, although there are other loaders you could use, which would give a similar result.

  1. sass-loader - Transforms Sass to CSS. (Input: Sass, Output: CSS)
  2. css-loader - Transforms CSS to a JavaScript module. (Input: CSS, Output: JavaScript)
  3. style-loader - Injects the CSS, that is exported by the JavaScript module, into a <style> tag at runtime. (Input: JavaScript, Output: JavaScript).

Note: The output of style-loader is only relevant if you are using CSS modules, which passes on the object that maps class names to local identifiers.

You can't use sass-loader without any loader that transforms CSS to JavaScript, but you could potentially use raw-loader, which just reads in the content of the module as a string, but then you might lose some transformations that the css-loader does (e.g. CSS modules or minification).

Answer from Michael Jungo on Stack Overflow
🌐
npm
npmjs.com › package › sass-loader
sass-loader - npm
February 5, 2026 - Loads a Sass/SCSS file and compiles it to CSS. ... To enable CSS processing in your project, you need to install style-loader and css-loader via npm i style-loader css-loader.
      » npm install sass-loader
    
Published   Feb 05, 2026
Version   16.0.7
Author   J. Tangelder
🌐
GitHub
github.com › webpack-contrib › sass-loader › releases
Releases · webpack/sass-loader
October 23, 2025 - Compiles Sass to CSS. Contribute to webpack/sass-loader development by creating an account on GitHub.
Author   webpack
🌐
SymfonyCasts
symfonycasts.com › screencast › javascript-webpack › sass-loader
Sass with sass-loader
We do have a loader for files ending in .css... but not .scss. Fixing this? Oh, it's so nice. Google for sass-loader. Let's get this guy installed. This package needs itself - sass-loader - but also another package called node-sass. Copy both of those.
🌐
Sass
sass-lang.com › install
Sass: Install Sass
A lightweight Maven plugin wrapping the Sass CLI. It specifies the Sass version to use.
🌐
GitHub
github.com › webpack › sass-loader › issues › 296
sass-loader performance · Issue #296 · webpack/sass-loader
November 4, 2016 - We have a fairly expansive suite of sass files (around 600 files total). When running our suite directly with libsass, behind node-sass, it takes less than 5 seconds. Yet, sass-loader through webpa...
Author   mmase
Find elsewhere
🌐
npm
npmjs.com › package › fast-sass-loader
fast-sass-loader - npm
November 18, 2021 - fast sass loader for Webpack. Latest version: 2.0.1, last published: 4 years ago. Start using fast-sass-loader in your project by running `npm i fast-sass-loader`. There are 63 other projects in the npm registry using fast-sass-loader.
      » npm install fast-sass-loader
    
Published   Nov 18, 2021
Version   2.0.1
Author   yibn2008
🌐
Carter Bancroft
carterbancroft.com › sass-and-webpack
Using @use With Sass and Webpack
October 26, 2019 - If you want to use Sass's @use instead of their @include (which is deprecated) and you're using Webpack with sass-loader you need to use Dart Sass via npm install sass NOT npm install dart-sass and not node-sass or any other sass package.
🌐
DEV Community
dev.to › cyebukayire › solved-module-not-found-error-cant-resolve-sass-loader-50l7
Solved: Module not found: Error: Can't resolve 'sass-loader' - DEV Community
January 2, 2022 - npm i --save-dev node-sass sass-loader Output: Could not resolve dependency: npm ERR! dev sass-loader@"*" from the root project npm ERR!
🌐
Stack Overflow
stackoverflow.com › questions › tagged › sass-loader
Newest 'sass-loader' Questions - Stack Overflow
I'm using embedded-sass in an Angular custom webpack monorepo. One of my libraries with sass takes a significant amount of time just in sass-loader during the build and I'd like to figure out what I ...
🌐
Nuxt
nuxt.com › docs › 4.x › getting-started › styling
Styling · Get Started with Nuxt v4
export default defineNuxtConfig({ vite: { css: { preprocessorOptions: { sass: { additionalData: '@use "~/assets/_colors.sass" as *\n', }, }, }, }, }) Nuxt uses Vite by default. If you wish to use webpack instead, refer to each preprocessor loader documentation.
🌐
GitHub
github.com › shakacode › sass-resources-loader
GitHub - shakacode/sass-resources-loader: SASS resources (e.g. variables, mixins etc.) loader for Webpack. Also works with less, post-css, etc.
This loader will load your Sass resources into every required Sass module.
Starred by 974 users
Forked by 63 users
Languages   JavaScript 90.4% | SCSS 7.2% | Shell 1.2% | HTML 1.1% | CSS 0.1% | JavaScript 90.4% | SCSS 7.2% | Shell 1.2% | HTML 1.1% | CSS 0.1%
🌐
Bootstrap
getbootstrap.com › docs › 5.3 › customize › sass
Sass · Bootstrap v5.3
In your custom.scss, you’ll import Bootstrap’s source Sass files. You have two options: include all of Bootstrap, or pick the parts you need. We encourage the latter, though be aware there are some requirements and dependencies across our components.
🌐
webpack
webpack.js.org
webpack
webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.
🌐
DEV Community
dev.to › deepanjangh › setting-up-css-and-sass-with-webpack-3cg
Setting up CSS and Sass with Webpack!! - DEV Community
November 20, 2022 - This allows you to control the versions of all your dependencies, and to choose which Sass implementation to use." Essentially this loader has internal dependencies which require node-sass.
🌐
Netlify
competent-wiles-ed53ea.netlify.app › loaders › sass-loader
sass-loader
Loads a SASS/SCSS file and compiles it to CSS. Use the css-loader or the raw-loader to turn it into a JS module and the ExtractTextPlugin to extract it into a separate file. Looking for the webpack 1 loader?
🌐
Robin Wieruch
robinwieruch.de › webpack-sass
How to SASS with Webpack 5 - Setup Tutorial
October 30, 2020 - If you happen to have a custom Webpack setup, you may be wondering how to set up CSS with Webpack. This short tutorial walks you through the process. First of all, you need to install a CSS loader and…