https://github.com/koffeine/rollup-plugin-sass-postcss

Rollup plugin for Sass and PostCSS
https://github.com/koffeine/rollup-plugin-sass-postcss

postcss rollup rollup-plugin sass scss

Last synced: 2 days ago
JSON representation

Rollup plugin for Sass and PostCSS

• Host: GitHub
• URL: https://github.com/koffeine/rollup-plugin-sass-postcss
• Owner: koffeine
• License: mit
• Created: 2019-10-08T10:28:46.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2021-10-23T07:03:22.000Z (over 3 years ago)
• Last Synced: 2025-01-16T02:09:38.769Z (19 days ago)
• Topics: postcss, rollup, rollup-plugin, sass, scss
• Language: JavaScript
• Homepage:
• Size: 81.1 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        


	rollup-plugin-sass-postcss

	



Rollup plugin for Sass and PostCSS

## What it does

- Compiles imported Sass files and transforms those using PostCSS plugins

- Concatenates and extracts processed styles

## Features

- Uses the sass package

- Watches for changes in all Sass files loaded during compilation

- Sourcemap support

	- Only generates and saves sourcemap when requested by the configuration

	- Generates correct sourcemap file that traces back to the original imported file

	- Makes sources relative to cwd

## Installation

```sh

npm install @koffeine/rollup-plugin-sass-postcss sass postcss --save-dev

```

## Usage

```js

import sassPostcss from '@koffeine/rollup-plugin-sass-postcss';

export default {

    plugins: [

        sassPostcss({

            // which files should be processed by this plugin

            // type: regular expression, minimatch pattern or an array of regular expressions and minimatch patterns

            include: [ /\.sass/u, /\.scss/u ],

            // which files should not be processed by this plugin

            // type: regular expression, minimatch pattern or an array of regular expressions and minimatch patterns

            exclude: undefined,

            // whether or not to generate and save a sourcemap

            // type: boolean

            sourcemap: false,

            // which PostCSS plugins to use

            // type: array of PostCSS plugins

            plugins: [],

            // where to save the output file which is a Rollup asset relative to output.dir (required)

            // type: string

            output: undefined

        })

    ]

};

```

## License

Copyright © Kornél Horváth

Licensed under the [MIT License](https://raw.githubusercontent.com/koffeine/rollup-plugin-sass-postcss/master/LICENSE).