Add example docs to react-docs package

2018-03-07 10:20:15 +01:00
parent e88eba1877
commit f66efed777
43 changed files with 2396 additions and 141 deletions
--- a/packages/react-docs/webpack.config.js
+++ b/packages/react-docs/webpack.config.js
@@ -0,0 +1,79 @@
+const path = require('path');
+const webpack = require('webpack');
+
+module.exports = {
+    entry: ['./src/ts/example/index.tsx'],
+    output: {
+        path: path.join(__dirname, '/src/public'),
+        filename: 'bundle.js',
+        chunkFilename: 'bundle-[name].js',
+        publicPath: '/',
+    },
+    devtool: 'source-map',
+    resolve: {
+        modules: [path.join(__dirname, '/src/ts'), 'node_modules'],
+        extensions: ['.ts', '.tsx', '.js', '.jsx', '.json', '.md'],
+        alias: {
+            ts: path.join(__dirname, '/src/ts'),
+            less: path.join(__dirname, '/src/less'),
+            md: path.join(__dirname, '/src/md'),
+        },
+    },
+    module: {
+        rules: [
+            {
+                test: /\.js$/,
+                loader: 'source-map-loader',
+            },
+            {
+                test: /\.tsx?$/,
+                loader: 'awesome-typescript-loader',
+            },
+            {
+                test: /\.css$/,
+                loaders: ['style-loader', 'css-loader'],
+            },
+            {
+                test: /\.less$/,
+                loader: 'style-loader!css-loader!less-loader',
+                exclude: /node_modules/,
+            },
+            {
+                test: /\.json$/,
+                loader: 'json-loader',
+            },
+            {
+                test: /\.md$/,
+                use: 'raw-loader',
+            },
+        ],
+    },
+    devServer: {
+        port: 3000,
+        disableHostCheck: true,
+        historyApiFallback: {
+            // Fixes issue where having dots in URL path that aren't part of fileNames causes webpack-dev-server
+            // to fail.
+            // Source: https://github.com/cvut/fittable/issues/171
+            rewrites: [
+                {
+                    from: /.*$/,
+                    to: function() {
+                        return 'index.html';
+                    },
+                },
+            ],
+        },
+        contentBase: path.join(__dirname, '/src/public'),
+    },
+    plugins:
+        process.env.NODE_ENV === 'production'
+            ? [
+                  new webpack.DefinePlugin({
+                      'process.env': {
+                          NODE_ENV: JSON.stringify(process.env.NODE_ENV),
+                      },
+                  }),
+              ]
+            : [],
+};