https://github.com/benpptung/transforms
browserify transformer for css, scss, less, style and react
https://github.com/benpptung/transforms
browserify browserify-transform css es6 es6-javascript lesscss react scss
Last synced: 7 months ago
JSON representation
browserify transformer for css, scss, less, style and react
- Host: GitHub
- URL: https://github.com/benpptung/transforms
- Owner: benpptung
- Created: 2015-10-06T16:00:39.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2023-01-11T04:05:43.000Z (about 3 years ago)
- Last Synced: 2025-06-17T22:19:25.551Z (7 months ago)
- Topics: browserify, browserify-transform, css, es6, es6-javascript, lesscss, react, scss
- Language: JavaScript
- Size: 396 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# transforms
An All-in-one personal browserify transformer for `js`, `css`, `scss`, `less`, `styl`....
So, we can:
### transpile javascript
use `babelify` internally.
### compile scss,less,styl and transform to css
so we can write something like this
```
const css = require('./site.scss');
```
and use [inject-css](https://www.npmjs.com/package/inject-css) to insert the css
```
const inject = require('inject-css');
const delcss = inject(css);
```
and delete the css if we want to change theme or something like that
```
delcss();
```
## Usage
Under the project directory,
> npm install transforms -S
In the package.json, add the following:
```
"browserify": {
"transform": [
"transforms",
]
},
```