# @speedy/sass-loader

> A faster Webpack SASS Loader

Latest version **1.2.0** (published 2017-11-06) · ISC license · 0 weekly downloads

## Install

```sh
npm install @speedy/sass-loader
pnpm add @speedy/sass-loader
yarn add @speedy/sass-loader
bun add @speedy/sass-loader
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.2.0 |
| Published | 2017-11-06 |
| First published | 2017-10-16 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Alan Agius |
| Maintainers | speedy |
| Keywords | sass, webpack, module loader, loader |

## Links

- npm: https://www.npmjs.com/package/@speedy/sass-loader
- Repository: https://github.com/alan-agius4/speedy-webpack-sass-loader
- Homepage: https://github.com/alan-agius4/speedy-webpack-sass-loader#readme
- Issues: https://github.com/alan-agius4/speedy-webpack-sass-loader/issues
- npm.io page: https://npm.io/package/@speedy/sass-loader

## Dependencies (2)

- [async](https://npm.io/package/async.md) ^2.5.0
- [loader-utils](https://npm.io/package/loader-utils.md) ^1.1.0

## Alternatives

- [raw-loader](https://npm.io/package/raw-loader.md) — 4.3M weekly downloads
- [plop](https://npm.io/package/plop.md) — 1.4M weekly downloads
- [webpack-deadcode-plugin](https://npm.io/package/webpack-deadcode-plugin.md) — 80.3K weekly downloads
- [@storybook/preact-vite](https://npm.io/package/@storybook/preact-vite.md) — 54.2K weekly downloads
- [vite-plugin-transform](https://npm.io/package/vite-plugin-transform.md) — 2.4K weekly downloads

## Recent versions

- 1.2.0 (latest) — 2017-11-06
- 1.1.0 — 2017-11-02
- 1.0.1 — 2017-10-16
- 1.0.0 — 2017-10-16
- 0.0.0 — 2017-10-16

## README

# @speedy/sass-loader
[![npm version](https://img.shields.io/npm/v/@speedy/sass-loader.svg)](https://www.npmjs.com/package/@speedy/sass-loader)
[![dependencies Status](https://david-dm.org/alan-agius4/speedy-webpack-sass-loader/status.svg)](https://david-dm.org/alan-agius4/speedy-webpack-sass-loader)
[![devDependencies Status](https://david-dm.org/alan-agius4/speedy-webpack-sass-loader/dev-status.svg)](https://david-dm.org/alan-agius4/speedy-webpack-sass-loader?type=dev)

A faster Webpack SASS Loader.

This is a drop in replacement for [SASS Loader](https://github.com/webpack-contrib/sass-loader) It is highly simplified in order to improve build times on large application with a lot of SASS imports.

This has mainly been developed for "legacy" SASS architecture, ie: SASS is not required within a JS file. However this doesn't mean it will not work with modern architectures.

## Install
```cmd
npm install @speedy/sass-loader node-sass webpack --save-dev
```

## Examples
```js
// webpack.config.js
module.exports = {
  entry: {
    "app.mobile": "./src/apps/app/app.scss"
  },
  module: {
      rules: [{
          test: /\.scss$/,
          loader: "@speedy/sass-loader" // compiles SASS to CSS
      }]
  }
};
```
Usually, it's recommended to extract the style sheets into a dedicated file in production using the ExtractTextPlugin. This way your styles are not dependent on JavaScript:
```js
// webpack.config.js
const ExtractTextPlugin = require("extract-text-webpack-plugin");

module.exports = {
  entry: {
    "app.mobile": "./src/apps/app/app.scss"
  },

  module: {
    rules: [
      {
        test: /\.scss$/,
        use: ExtractTextPlugin.extract({
          use: [
            {
              loader: "@speedy/sass-loader",
              options: {
                includePaths: ["./src/assets/sass"]
              }
            }
          ]
        })
      }
    ]
  },

  plugins: [
    new ExtractTextPlugin({
      filename: "[name].css",
      allChunks: true
    })
  ]
};
```

---
_Source: https://npm.io/package/@speedy/sass-loader · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._