royriojas / simplessy

A transform to require less files and process the result with autoprefixer

simplessy

A transform to require less files and process the result with autoprefixer

Install

npm i --save simplessy

Usage

In code

var b = browserify();

var simplessy = require('simplessy');

// regular way to include it
b.transform(simplessy);
// make it global
b.transform( simplessy, { global: true });

// pass config
b.transform( simplessy, {
  global: true,
  config : {
    appliesTo: {
      regex: /some_module/ // will only apply if the file matches this regex
    }
  }
});

or in the package.json file

{
  "browserify" : {
    "transforms": [
      "simplessy"
    ]
  }
}

Then in your code

// this will inject a <style> block to the head containing the styles
require('./some-less-file.less');

// this will inject a <style> block to the head containing the styles parsed like css-modulesify
// if the file ends in `m.less` it is supposed to contain css local by default
var styles = require('./some-less.file.m.less');

// then styles.t('some-class') // will retrieve the generated className for the provided className
// it will automatically register this module as a hot module to be reloaded by browserify-hmr
// make sure to include envify and set the NODE_ENV=development to do this only in dev mode
// check envify for more info about this

License

MIT

Changelog

Changelog