many updates

1 files changed, 32 insertions, 9 deletions

diff --git a/vnext/webpack.config.js b/vnext/webpack.config.js
index 8d8060a6..97eeeb83 100644
--- a/vnext/webpack.config.js
+++ b/vnext/webpack.config.js
@@ -1,25 +1,48 @@
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const history = require('connect-history-api-fallback');
 const convert = require('koa-connect');
 const internalIp = require('internal-ip');
 
 module.exports = {
+    devtool: process.env.WEBPACK_SERVE ? 'source-map' : false,
+    mode: process.env.WEBPACK_SERVE ? 'development' : 'production',
     entry: {
-    "vendor": ['react', 'react-dom', 'react-markdown', 'whatwg-fetch'],
-    "App": [
-        'file-loader?name=index.html!./src/views/index.html',
-        __dirname + "/src/App.js",
-        __dirname + "/src/style/main.css"
-    ]
+        'Juick': [
+            'file-loader?name=index.html!./src/views/index.html',
+            __dirname + '/src/index.js',
+            __dirname + '/src/style/main.css'
+        ]
     },
     module: {
         rules: [
-            { test: /\.css$/, loader: "style-loader!css-loader" },
-            { test: /\.js$/, exclude: /node_modules/, loader: "babel-loader" },
+            {
+                test: /\.css$/,
+                use: [
+                    MiniCssExtractPlugin.loader,
+                    {
+                        loader: "css-loader"
+                    },
+                    {
+                        loader: "postcss-loader", options: {
+                            plugins: () => [
+                                require('autoprefixer')({
+                                    browsers: 'last 4 versions, > 1%, ie >= 8'
+                                })
+                            ]
+                        }
+                    }
+                ]
+            },
+
+            { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader' },
             { test: /\.(jpe?g|png|gif|svg)$/i, loaders: [
             'file-loader?hash=sha512&digest=hex&name=[hash].[ext]'
         ]}
 	]
-    }
+    },
+    plugins: [
+        new MiniCssExtractPlugin({ filename: "Juick.css", allChunks: true })
+    ],
 };
 
 module.exports.serve = {