Use a single webpack config for both landing and playground

Author: ark120202

package-lock.json

@@ -3,12 +3,8 @@
     "version": "1.0.0",
     "description": "",
     "scripts": {
-        "test": "echo \"Error: no test specified\" && exit 1",
-        "build-playground": "webpack --config ./src/playground/webpack.config.js --mode production",
-        "dev-playground": "webpack-dev-server --content-base dist/ --config src/playground/webpack.config.js --mode development",
-        "build-landing": "webpack --config ./src/landing/webpack.config.js --mode production",
-        "dev-landing": "webpack-dev-server --content-base dist/ --config src/landing/webpack.config.js --mode development",
-        "build": "npx rimraf dist && npm run build-playground && npm run build-landing",
+        "build": "rimraf dist && webpack --mode production",
+        "dev": "webpack-dev-server --mode development",
         "deploy": "npm run build && npx gh-pages -d dist -b master",
         "lint": "npm run lint:prettier",
         "lint:prettier": "prettier --check \"**/*.{js,ts,yml,json,md}\""
@@ -42,7 +38,6 @@
         "webpack-bundle-analyzer": "^3.6.0",
         "webpack-cli": "^3.3.10",
         "webpack-dev-server": "^3.10.1",
-        "webpack-merge": "^4.2.2",
         "worker-loader": "^2.0.0"
     },
     "dependencies": {

package.json

@@ -7,6 +7,5 @@
         "lib": ["es5", "scripthost", "dom", "webworker"],
         "allowJs": true,
         "strict": true
-    },
-    "exclude": ["webpack*.js"]
+    }
 }

src/landing/webpack.config.js

@@ -0,0 +1,48 @@
+const path = require("path");
+const MonacoWebpackPlugin = require("monaco-editor-webpack-plugin");
+const HtmlWebpackPlugin = require("html-webpack-plugin");
+
+const resolve = query => path.resolve(__dirname, query);
+
+module.exports = {
+    devtool: "source-map",
+    entry: {
+        landing_bundle: resolve("src/landing/index.ts"),
+        play_bundle: resolve("src/playground/index.ts"),
+    },
+    output: { path: resolve("dist") },
+    resolve: { extensions: [".tsx", ".ts", ".js"] },
+    node: { fs: "empty" },
+    module: {
+        rules: [
+            { test: /\.tsx?$/, use: "ts-loader", exclude: /node_modules/ },
+            { test: /\.css$/, use: ["style-loader", "css-loader"] },
+            {
+                test: /\.(png|svg|jpg|gif|ico)$/,
+                loader: "url-loader",
+                options: { esModule: false, name: "[path][name].[ext]?hash=[hash:20]", limit: 8192 },
+            },
+            { test: /\.ttf$/, loader: "file-loader" },
+            { test: /\.scss$/, use: ["style-loader", "css-loader", "sass-loader"] },
+            { test: /\.webmanifest?$/, loader: "file-loader", options: { esModule: false } },
+        ],
+    },
+    plugins: [
+        new HtmlWebpackPlugin({
+            title: "TypeScriptToLua",
+            chunks: ["landing_bundle"],
+            template: resolve("assets/layout/template.html"),
+            filename: "index.html",
+            contentFile: "landing.html",
+        }),
+
+        new MonacoWebpackPlugin({ languages: ["javascript", "typescript", "lua"] }),
+        new HtmlWebpackPlugin({
+            title: "TypeScriptToLua - Online Compiler",
+            chunks: ["play_bundle"],
+            template: resolve("assets/layout/template.html"),
+            filename: "play.html",
+            contentFile: "play.html",
+        }),
+    ],
+};