simplessy

2019-08-14 admin

simplessy是什么

什么是simplessy,A transform to require less files and process the result with autoprefixer

simplessy使用教程帮助文档

NPM Version Build Status

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

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-72479.html

文章标题:simplessy

回到顶部