dragonfruit
Webpack Loader for Syntactic Sugar Over Namespaced CSS
Installation
npm install dragonfruit --save-dev
e.g.
CSS
JS
var React = ;var styles = ; moduleexports = React;
Would Be Transformed To
var React = ;var styles = ; moduleexports = React;
Usage
In your webpack.config.js
:
moduleexports = ... module: loaders: test: /\.css$/ loader: "dragonfruit!style!css?modules=true" ...;
From API:
Any Strings, Objects, Functions, Arrays, Nested Arrays, etc. of classNames
e.g.
var styles = ; -> "hr486_eio" -> "hr486_eio" -> "hr486_eio" -> "hr486_eio" -> "hr486_eio" -> "hr486_eio" -> "hr486_eio iooi676_5hj" -> "hr486_eio iooi676_5hj" -> "hr486_eio iooi676_5hj" -> "hr486_eio iooi676_5hj" -> "hr486_eio iooi676_5hj" -> "hr486_eio iooi676_5hj"