Compiles Sass to CSS. Contribute to webpack/sass-loader development by creating an account on GitHub.

Compiles Sass to CSS. Contribute to webpack/sass-loader development by creating an account on GitHub.

October 23, 2025 - Compiles Sass to CSS. Contribute to webpack/sass-loader development by creating an account on GitHub.

SASS resources (e.g. variables, mixins etc.) loader for Webpack. Also works with less, post-css, etc. - shakacode/sass-resources-loader

Compiles Sass to CSS. Contribute to webpack/sass-loader development by creating an account on GitHub.

August 8, 2019 - Compiles Sass to CSS. Contribute to webpack/sass-loader development by creating an account on GitHub.

Compiles Sass to CSS. Contribute to webpack/sass-loader development by creating an account on GitHub.

Blazingly fast sass loader for webpack.

Compiles Sass to CSS. Contribute to webpack/sass-loader development by creating an account on GitHub.

Webpack Loader for the Sass version Twitter Bootstrap - shakacode/bootstrap-sass-loader

Sass loader for webpack. Compiles Sass to CSS. Contribute to shadowwzw/sass2-loader development by creating an account on GitHub.

April 10, 2018 - Compiles Sass to CSS. Contribute to webpack/sass-loader development by creating an account on GitHub.

February 7, 2019 - In the current documentation for sass-loader (https://github.com/webpack-contrib/sass-loader#source-maps), to turn on sourcemaps we don't need it on styled-loader: use: [{ loader: "style-loader" }, { loader: "css-loader", options: { sour...

A webpack loader that lets you break lines in .sass.

March 11, 2025 - Compiles Sass to CSS. Contribute to webpack-contrib/sass-loader development by creating an account on GitHub.

February 17, 2022 - Bug report I think sass-loader has troubles either with :root declarations or with css custom properties. Actual Behavior This can be seen here: ERROR in ../scss/front-page.scss 1:0 Module parse failed: Unexpected token (1:0) File was pr...

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 mini-css-extract-plugin to extract it into a separate file. Looking for the webpack 1 loader?

var ExtractTextPlugin = require('extract-text-webpack-plugin'); module.exports = { entry: ['./app.js', './scss/main.scss'], output: { filename: 'dist/bundle.js' }, module: { rules: [ /* your other rules for JavaScript transpiling go in here */ { // regular css files test: /\.css$/, loader: ExtractTextPlugin.extract({ loader: 'css-loader?importLoaders=1', }), }, { // sass / scss loader for webpack test: /\.(sass|scss)$/, loader: ExtractTextPlugin.extract(['css-loader', 'sass-loader']) } ] }, plugins: [ new ExtractTextPlugin({ // define where to save the file filename: 'dist/[name].bundle.css', allChunks: true, }), ], };

Example of using the bootstrap-sass-loder to load the Sass version of Twitter Bootstrap using Webpack - shakacode/bootstrap-sass-loader-example

module.exports = { module: { rules: [ { // For pure CSS - /\.css$/i, // For Sass/SCSS - /\.((c|sa|sc)ss)$/i, // For Less - /\.((c|le)ss)$/i, test: /\.((c|sa|sc)ss)$/i, use: [ "style-loader", { loader: "css-loader", options: { // Run `postcss-loader` on each CSS `@import` and CSS modules/ICSS imports, do not forget that `sass-loader` compile non CSS `@import`'s into a single file // If you need run `sass-loader` and `postcss-loader` on each CSS `@import` please set it to `2` importLoaders: 1, }, }, { loader: "postcss-loader", options: { plugins: () => [postcssPresetEnv({ stage: 0 })] }, }, // Can be `less-loader` { loader: "sass-loader", }, ], }, // For webpack v5 { test: /\.(png|jpe?g|gif|svg|eot|ttf|woff|woff2)$/i, // More information here https://webpack.js.org/guides/asset-modules/ type: "asset", }, ], }, };