demo

mightyaleksey · mightyaleksey · commit 88674f17b9da · 2016-02-22T16:58:13.000+03:00
diff --git a/demo/browser.js b/demo/browser.js
diff --git a/demo/components/Button/index.js b/demo/components/Button/index.js
@@ -0,0 +1,5 @@
+import React from 'react';
+
+export default _ => (
+  <button/>
+);
diff --git a/demo/components/Page.js b/demo/components/Page.js
@@ -0,0 +1,12 @@
+import React from 'react';
+
+export default _ => (
+  <html lang='en'>
+    <head>
+      <title>Universal demo</title>
+      <link rel='stylesheet' href=''/>
+      <script type='text/javascript' src=''></script>
+    </head>
+    <body></body>
+  </html>
+);
diff --git a/demo/package.json b/demo/package.json
@@ -0,0 +1,16 @@
+{
+  "name": "demo",
+  "version": "1.0.0",
+  "description": "Universal usage example",
+  "main": "worker.js",
+  "scripts": {
+    "compile": "webpack",
+    "start": "node worker",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [
+    "css-modules"
+  ],
+  "author": "Alexey Litvinov",
+  "license": "MIT"
+}
diff --git a/demo/readme.md b/demo/readme.md
@@ -0,0 +1,2 @@
+Universal usage example
+=======================
diff --git a/demo/webpack.config.js b/demo/webpack.config.js
@@ -0,0 +1,28 @@
+'use strict';
+
+const ExtractTextPlugin = require('extract-text-webpack-plugin');
+const path = require('path');
+
+module.exports = {
+  entry: path.resolve('browser.js'),
+
+  output: {
+    filename: 'browser.js',
+    path: path.resolve('static'),
+  },
+
+  module: {
+    loaders: [
+      {
+        test: /\.css$/i,
+        loader: ExtractTextPlugin.extract('style', 'css?modules'),
+      },
+    ],
+  },
+
+  plugins: [
+    new ExtractTextPlugin('result.css', {
+      allChunks: true
+    }),
+  ],
+};
diff --git a/demo/worker.js b/demo/worker.js
@@ -0,0 +1,14 @@
+'use strict';
+
+const express = require('express');
+const hook = require('css-modules-require-hook');
+const path = require('path');
+
+const config = require('./package').config;
+const app = express();
+
+app.use(express.static(path.join(__dirname, 'static')));
+
+app.get('/', (req, res) => res.render('page'));
+
+app.listen(config.port, _ => console.log(`listening ${config.port}`));

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+Universal usage example`
	`2`	`+=======================`