Update webpack.config.js

webpack.config.js

@@ -32,39 +32,40 @@ const htmlWebpackPluginCommon = {
 const base = {
     mode: process.env.NODE_ENV === 'production' ? 'production' : 'development',
     devtool: process.env.SOURCEMAP ? process.env.SOURCEMAP : process.env.NODE_ENV === 'production' ? false : 'cheap-module-source-map',
-    devServer: {
-
+devServer: {
+    static: {
+        directory: path.resolve(__dirname, 'build')
+    },
+    host: '0.0.0.0',
+    compress: true,
+    port: process.env.PORT || 8601,
     onAfterSetupMiddleware(devServer) {
-      if (!devServer) {
-        throw new Error('webpack-dev-server is not defined');
-      }
-
-      console.log('✅ 開発サーバーが起動しました。upload.sh を実行します。');
-      exec('./upload.sh', (err, stdout, stderr) => {
-        if (err) {
-          console.error('❌ upload.sh 実行時にエラー:', err);
-          return;
-        }
-        console.log('✅ upload.sh 出力:', stdout);
-        if (stderr) console.error('⚠️ upload.sh 標準エラー:', stderr);
-      });
-    }
-        contentBase: path.resolve(__dirname, 'build'),
-        host: '0.0.0.0',
-        compress: true,
-        port: process.env.PORT || 8601,
-        // allows ROUTING_STYLE=wildcard to work properly
-        historyApiFallback: {
-            rewrites: [
-                { from: /^\/\d+\/?$/, to: '/index.html' },
-                { from: /^\/\d+\/fullscreen\/?$/, to: '/fullscreen.html' },
-                { from: /^\/\d+\/editor\/?$/, to: '/editor.html' },
-                { from: /^\/\d+\/playground\/?$/, to: '/playground.html' },
-                { from: /^\/\d+\/embed\/?$/, to: '/embed.html' },
-                { from: /^\/addons\/?$/, to: '/addons.html' }
-            ]
+        if (!devServer) {
+            throw new Error('webpack-dev-server is not defined');
         }
+
+        const { exec } = require('child_process');
+        console.log('✅ 開発サーバーが起動しました。upload.sh を実行します。');
+        exec('./upload.sh', (err, stdout, stderr) => {
+            if (err) {
+                console.error('❌ upload.sh 実行時にエラー:', err);
+                return;
+            }
+            console.log('✅ upload.sh 出力:', stdout);
+            if (stderr) console.error('⚠️ upload.sh 標準エラー:', stderr);
+        });
     },
+    historyApiFallback: {
+        rewrites: [
+            { from: /^\/\d+\/?$/, to: '/index.html' },
+            { from: /^\/\d+\/fullscreen\/?$/, to: '/fullscreen.html' },
+            { from: /^\/\d+\/editor\/?$/, to: '/editor.html' },
+            { from: /^\/\d+\/playground\/?$/, to: '/playground.html' },
+            { from: /^\/\d+\/embed\/?$/, to: '/embed.html' },
+            { from: /^\/addons\/?$/, to: '/addons.html' }
+        ]
+    }
+},
     output: {
         library: 'GUI',
         filename: process.env.NODE_ENV === 'production' ? 'js/[name].[contenthash].js' : 'js/[name].js',