https://github.com/martypdx/gobble-sass-file

file trasformer gobble plugin for sass to css
https://github.com/martypdx/gobble-sass-file

Last synced: about 10 hours ago
JSON representation

file trasformer gobble plugin for sass to css

• Host: GitHub
• URL: https://github.com/martypdx/gobble-sass-file
• Owner: martypdx
• Created: 2016-08-08T21:58:07.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2016-08-08T22:59:23.000Z (over 8 years ago)
• Last Synced: 2024-10-12T14:50:01.507Z (about 1 month ago)
• Language: JavaScript
• Size: 2.93 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# gobble-sass-file

File-level trasformer plugin for `scss` and `sass`. Unlike [gobble-sass](https://github.com/gobblejs/gobble-sass)

combines all `scss` or `sass` files into a single `css` file, this plugin does a 1-to-1 transformation

that also can use includes and imports.

Primary use is for component-level css where you want to write `sass` or `scss` but want to keep

the output `css` separated on a per-file basis.

## Installation

First, you need to have gobble installed - see 

the [gobble readme](https://github.com/gobblejs/gobble) for details. Then,

```bash

npm i -D gobble-flatten

```

## Usage

**gobblefile.js**

```js

const components = gobble('src/components')

	.transform( sass, {

        // you can still use common include paths:

		includePaths: [ join(process.cwd(), 'src/scss/include') ]

	})

	.transform('babel', {

		sourceMaps: true,

		blacklist: ['es6.modules', 'strict']

	})

	.transform( makeComponent )

	.transform('ractive', { type: 'es6' });

```

## Tests

Uses [gobble-test](https://github.com/gobblejs/gobble-test) example based testing. Run via:

```bash

npm test

```

## License

[MIT](https://opensource.org/licenses/MIT). Copyright 2016 Marty Nelson