added two apps, and better implementation

webpack.dev.js

@@ -2,7 +2,6 @@ const path = require('path');
 const { merge } = require('webpack-merge');
 const copyPlugin = require('copy-webpack-plugin');
 const common = require('./webpack.common.js');
-const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');
 
 const devFolderName = "dev-dist";
 
@@ -11,13 +10,10 @@ module.exports = merge(common, {
     output: {
         globalObject: 'self',
 		filename: '[name].bundle.js',
-        path: path.resolve(__dirname, devFolderName),
+        path: path.resolve(__dirname, devFolderName, 'codeeditor'),
         publicPath: "/"
     },
     devServer: {
-        static: {
-            directory: path.join(__dirname, devFolderName),
-        },
         historyApiFallback: true
     },
     plugins: [
@@ -25,8 +21,12 @@ module.exports = merge(common, {
             {
                 patterns: [
                     {
-                        from: path.resolve(__dirname, 'static'),
-                        to: path.resolve(__dirname, devFolderName, '[name][ext]')
+                        from: path.resolve(__dirname, 'codeeditor-app/static'),
+                        to: path.resolve(__dirname, devFolderName, 'codeeditor', '[name][ext]')
+                    },
+                    {
+                        from: path.resolve(__dirname, 'outputframe-app/static'),
+                        to: path.resolve(__dirname, devFolderName, 'outputframe', '[name][ext]')
                     }
                 ]
             }