Reduce rebuild time during development

pixelpicosean · Mar 25, 2021 · 3e1a5dc · 3e1a5dc
1 parent 70df53a
commit 3e1a5dc
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 1 deletion.
diff --git a/webpack.common.js b/webpack.common.js
@@ -5,12 +5,15 @@ const HtmlWebpackPlugin = require("html-webpack-plugin");
 const { TsconfigPathsPlugin } = require("tsconfig-paths-webpack-plugin");
 
 module.exports = {
-    entry: path.resolve(__dirname, "./src/game/main.ts"),
     module: {
         rules: [
             {
                 test: /\.ts$/,
                 loader: "ts-loader",
+                options: {
+                    transpileOnly: true,
+                    experimentalWatchApi: true,
+                },
             },
             // Shaders
             {
@@ -39,6 +42,7 @@ module.exports = {
     output: {
         filename: "[name].js",
         path: path.resolve(__dirname, "dist"),
+        pathinfo: false,
     },
     plugins: [
         new CleanWebpackPlugin,

diff --git a/webpack.dev.js b/webpack.dev.js
@@ -1,7 +1,26 @@
+const path = require("path");
+
 const { merge } = require("webpack-merge");
 const common = require("./webpack.common.js");
 
 module.exports = merge(common, {
+    entry: {
+        engine: {
+            import: path.resolve(__dirname, "./src/engine/index.ts"),
+        },
+        main: {
+            import: path.resolve(__dirname, "./src/game/main.ts"),
+            dependOn: "engine",
+        },
+    },
+    optimization: {
+        removeAvailableModules: false,
+        removeEmptyChunks: false,
+        splitChunks: false,
+
+        runtimeChunk: true,
+    },
+
     devtool: "inline-source-map",
     mode: "development",
     devServer: {

diff --git a/webpack.prod.js b/webpack.prod.js
@@ -7,6 +7,8 @@ const TerserPlugin = require("terser-webpack-plugin");
 const CopyPlugin = require("copy-webpack-plugin");
 
 module.exports = merge(common, {
+    entry: path.resolve(__dirname, "./src/game/main.ts"),
+
     plugins: [
         new CopyPlugin({
             patterns: [