Isomorphic Style component for React & Webpack
Installation
npm install --save isomorphic-style
$ npm install isomorphic-style --save-dev
Usage
1. Webpack (webpack 2):
module: rules: test: /\.css$/ use: loader: 'isomorphic-style/loader' options: insertAt: 'istyle_loc' prefix: 'istyle_' loader: `css-loader?modules&importLoaders=1&localIdentName=` loader: 'postcss-loader' // for postcss, optional
2. In React component
//
// MyComponent.js;;; Component return <Styled by=style> <div className=styleBlock> <h1 className=styleTitle>MyComponent!</h1> </div> </Styled> ;
3. Server side entry
; ...const styles body = ; // res is express Response objectres;...
License
The MIT License © 2017-2018 Bin Hou. All rights reserved.
Original isomorphic-style-loader code is Copyright © 2015-2016 Kriasoft, LLC. covered under MIT license.