orionsoft-react-scripts
Version:
Orionsoft Configuration and scripts for Create React App.
133 lines (94 loc) • 3.82 kB
Markdown
on duplicated PostCSS plugins.
With [npm](https://npmjs.org/package/postcss-filter-plugins) do:
```console
$ npm install postcss-filter-plugins --save
```
Note that this plugin does not actually transform your CSS; instead, it ensures
that plugins in the PostCSS instance are not duplicated. It is intended to be
used by plugin packs such as [cssnano] or [cssnext].
```js
var counter = postcss.plugin('counter', function () {
return function (css) {
css.eachDecl('foo', function (decl) {
let value = parseInt(decl.value, 10);
value += 1;
decl.value = String(value);
});
}
});
var css = 'h1 { foo: 1 }';
var out = postcss([
filter(),
counter(),
counter()
]).process(css).css;
console.log(out);
// => h1 { foo: 2 }
// Note that you will get a PostCSS warning in the message registry
```
Type: `string`
Default: `'both'`
Pass `'forward'`, `'backward'`, or `'both'` to customise the direction in which the
plugin will look in the plugins array. See the [tests] for examples on how this
works.
```js
postcss([ filter({
direction: 'forward'
}) ]).process(css).css);
```
Type: `array`
Default: `[] (empty)`
Plugins that should be excluded from the filter. Pass an array of plugin names.
```js
postcss([ filter({
exclude: ['postcss-cssstats']
}) ]).process(css).css);
```
Type: `boolean`
Default: `false`
Set this to true to disable the plugin from emitting any PostCSS warnings.
```js
postcss([ filter({
silent: true
}) ]).process(css).css);
```
Type: `function`
Default: `format function`
This function will be passed each PostCSS plugin object. You are expected to
return a string from each call, which is then used to warn the user about her
duplicated plugins.
```js
postcss([ filter({
template: function (plugin) {
return 'Duplicate plugin found: ' + plugin.postcssPlugin;
}
}) ]).process(css).css);
```
See the [PostCSS documentation](https://github.com/postcss/postcss#usage) for
examples for your environment.
Thanks goes to these wonderful people ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)):
<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
| [<img src="https://avatars.githubusercontent.com/u/1282980?v=3" width="100px;"/><br /><sub>Ben Briggs</sub>](http://beneb.info)<br />[💻](https://github.com/postcss/postcss-filter-plugins/commits?author=ben-eb) [📖](https://github.com/postcss/postcss-filter-plugins/commits?author=ben-eb) 👀 [⚠️](https://github.com/postcss/postcss-filter-plugins/commits?author=ben-eb) | [<img src="https://avatars.githubusercontent.com/u/157534?v=3" width="100px;"/><br /><sub>Maxime Thirouin</sub>](https://moox.io/)<br />[📖](https://github.com/postcss/postcss-filter-plugins/commits?author=MoOx) | [<img src="https://avatars.githubusercontent.com/u/373545?v=3" width="100px;"/><br /><sub>Andreas Lind</sub>](https://github.com/papandreou)<br />[💻](https://github.com/postcss/postcss-filter-plugins/commits?author=papandreou) |
| :---: | :---: | :---: |
<!-- ALL-CONTRIBUTORS-LIST:END -->
This project follows the [all-contributors](https://github.com/kentcdodds/all-contributors) specification.
Contributions of any kind welcome!
MIT © [Ben Briggs](http://beneb.info)
[ ]: https://travis-ci.org/postcss/postcss-filter-plugins
[ ]: http://cssnano.co
[ ]: http://cssnext.io
[ ]: https://github.com/postcss/postcss
[ ]: src/__tests__
> Exclude/warn