Added Demo.

th3mon · Jan 30, 2018 · 1692fccff90595885146f9ad0cafe25888bceeae · 1692fcc
1 parent 4db07a9
commit 1692fccff90595885146f9ad0cafe25888bceeae
diff --git a/config/demo.js b/config/demo.js
@@ -0,0 +1,74 @@
+const webpack = require('webpack');
+const path = require('path');
+const ExtractTextPlugin = require('extract-text-webpack-plugin');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const HtmlWebpackHarddiskPlugin = require('html-webpack-harddisk-plugin');
+const version = require('../package.json').version;
+
+module.exports = function () {
+  return {
+    devtool: 'cheap-module-source-map',
+    entry: {
+      main: './src/demo.js'
+    },
+    output: {
+      path: path.resolve(__dirname, '../demo'),
+      filename: `[name].${version}.bundle.js`,
+      sourceMapFilename: `[name].${version}.map`
+    },
+    module: {
+      rules: [
+        {
+          enforce: 'pre',
+          test: /\.js$/,
+          exclude: /node_modules/,
+          loader: 'eslint-loader'
+        },
+        {
+          test: /\.js$/,
+          exclude: /node_modules/,
+          use: {
+            loader: 'babel-loader',
+            options: {
+              presets: ['env']
+            }
+          }
+        },
+        {
+          test: /\.css$/,
+          use: ExtractTextPlugin.extract({
+            fallback: 'style-loader',
+            use: 'css-loader'
+          })
+        },
+        {
+          test: /\.scss$/,
+          use: ExtractTextPlugin.extract({
+            fallback: 'style-loader',
+            use: [ 'css-loader', 'sass-loader' ]
+          })
+        }
+      ]
+    },
+    plugins: [
+      new ExtractTextPlugin({
+        filename: '[name].bundle.css'
+      }),
+      new HtmlWebpackPlugin({
+        title: 'SimpleDebugger',
+        alwaysWriteToDisk: true
+      }),
+      new HtmlWebpackHarddiskPlugin(),
+      new webpack.NamedModulesPlugin(),
+      new webpack.HotModuleReplacementPlugin()
+    ],
+    devServer: {
+      contentBase: './dist',
+      port: 7777,
+      host: 'localhost',
+      hot: true,
+      noInfo: false,
+      stats: 'minimal'
+    }
+  };
+};
diff --git a/config/dev.js b/config/dev.js
@@ -5,7 +5,7 @@ const HtmlWebpackPlugin = require('html-webpack-plugin');
 const HtmlWebpackHarddiskPlugin = require('html-webpack-harddisk-plugin');
 const version = require('../package.json').version;

-module.exports = function (env) {
+module.exports = function () {
  return {
    devtool: 'cheap-module-source-map',
    entry: {
diff --git a/config/prod.js b/config/prod.js
@@ -4,7 +4,7 @@ const ExtractTextPlugin = require('extract-text-webpack-plugin');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const version = require('../package.json').version;

-module.exports = function (env) {
+module.exports = function () {
  return {
    entry: {
      main: './src/index.js'
diff --git a/css/main.css b/css/main.css
@@ -5,7 +5,10 @@
    position: fixed;
    top: 0;
    width: 100%;
+
+    height: 100px;
+    overflow-y: scroll;
 }
 .SimpleDebuggerOnBoard {
-    
-}
+
+}