Update webpack.config.js

webpack.config.js

@@ -11,7 +11,6 @@ var defaultsdeep = require('lodash.defaultsdeep');
 //var GhPagesWebpackPlugin = require('gh-pages-webpack-plugin');
 
 
-
 // PostCss
 var autoprefixer = require('autoprefixer');
 var postcssVars = require('postcss-simple-vars');
@@ -32,40 +31,23 @@ 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: {
-    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');
+    devServer: {
+        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' }
+            ]
         }
-
-        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',
@@ -137,9 +119,15 @@ devServer: {
 if (!process.env.CI) {
     base.plugins.push(new webpack.ProgressPlugin());
 }
+base.plugins.push(new WebpackShellPluginNext({
+    onAfterDone: {
+        scripts: ['./upload.sh'],
+        blocking: true,  // ビルド完了まで待つ
+        parallel: false
+    }
+}));
 
 module.exports = [
-  
     // to run editor examples
     defaultsDeep({}, base, {
         entry: {