https://github.com/zaaack/minify-cssinjs-loader
A light-weight and fast css minifier for css-in-js
https://github.com/zaaack/minify-cssinjs-loader
css css-in-js loader minifier regexp typescript webpack
Last synced: about 1 month ago
JSON representation
A light-weight and fast css minifier for css-in-js
- Host: GitHub
- URL: https://github.com/zaaack/minify-cssinjs-loader
- Owner: zaaack
- License: mit
- Created: 2018-07-06T03:19:11.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2019-03-13T02:25:40.000Z (over 7 years ago)
- Last Synced: 2025-01-17T22:43:04.937Z (over 1 year ago)
- Topics: css, css-in-js, loader, minifier, regexp, typescript, webpack
- Language: TypeScript
- Homepage:
- Size: 65.4 KB
- Stars: 3
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# minify-cssinjs-loader
[](https://travis-ci.org/zaaack/minify-cssinjs-loader) [](https://www.npmjs.com/package/minify-cssinjs-loader) [](https://www.npmjs.com/package/minify-cssinjs-loader)
A webpack loader to minify your css-in-js.
## Install
```sh
yarn add -D minify-cssinjs-loader # or npm i -D minify-cssinjs-loader
```
## Why
before:
```js
let cls1 = css`
color: red;
.cls1 {
display: block;
background: url('...') no-repeat;
& > h2 {
color: red;
font-size: ${size}px;
}
}
`
```
after:
```js
let cls1 = css`color:red;.cls1{display:block;background:url('...') no-repeat;&>h2{color:red;font-size:${size}px;}}`
```
## Usage
ts-loader example:
```js
import { defaultTagRules } from 'minify-cssinjs-loader'
module.exports = {
module: {
rules: [
{
test: /\.tsx?$/,
use: [{
loader: "ts-loader",
options: {
}
}, {
loader: 'minify-cssinjs-loader',
options: {
// default is ['css', 'injectGlobal', 'keyframes', /^styled(\.[a-z]+|\(([A-Z][a-z]+|['"][a-z]+["'])\))$/],
// you can override or append custom trule default tagRules,
// it accepts string/RedExp/Function.
//
// tagRules: [...], // override default rules.
// tagRules: defaultTagRules.concat(...), // append new rules
// recast: { ... }, custom parameters passed to recast(https://github.com/benjamn/recast).
}
}, ],
},
]
}
}
```
## License
MIT