tamascsaba / sassolj

Require scss files in Browserify & NodeJS

sassolj

Require Sass files in browserify and Node.js

Install sassolj:

$ npm i sassolj

Browserify

The default settings are listed below. They may be overridden though the CLI, package.json (sassolj property) or though the API options.

In order for PostCSS plugins to be used, they must be installed in your projects package.json

  var browserify = require('browserify');
  var sassolj = require('sassolj');
  browserify('entry.js')
    .transform(sassolj, {
      sass: {
        sourceComments: false,
        sourceMap: false,
        sourceMapEmbed: false,
        sourceMapContents: false,
        outputStyle: 'compressed'
      },
      postcss: false,
      //you may specify what postcss plugins to use here
      postcss: {
        autoprefixer: {
          browsers: ['last 2 versions'] //optional config, use an empty object for defualts
        }
      }
      ,
      rootDir: process.cwd()
    })
    .bundle()

Node.js

During the boot up process of your application, require sassolj/lib/register once;

var options = {
  sass: {
    sourceMap: false,
  },
  variables: {
    'font_size': '14px'
  },
  extensions: ['.css' '.sass', '.scss']
}
require('sassolj/register')(options);

After this point, all sass files is requireable.

variables

Extra variables which overwrite !default vars.

Type: Object | string Default: `` You can use absolute and relative string path to sass/scss config file

options

node-sass options

Type: Object Default: { sourceMap: false, sourceMapEmbed: false, sourceMapContents: false, outputStyle: "compressed" }

extensions

Which extensions register to require.extensions

Type: Array Default: ['.sass', '.scss']

#Development

1. Clone the repo
2. npm install
3. npm run dev

This project uses TypeScript to transpile to ES5.

License

MIT