Update webpack.config.js

webpack.config.js

@@ -1,16 +1,13 @@
 const defaultsDeep = require('lodash.defaultsdeep');
 var path = require('path');
 var webpack = require('webpack');
+const { exec } = require('child_process');
 
 // Plugins
-const WebpackShellPluginNext = require('webpack-shell-plugin-next');
 var CopyWebpackPlugin = require('copy-webpack-plugin');
 var HtmlWebpackPlugin = require('html-webpack-plugin');
 var TWGenerateServiceWorkerPlugin = require('./src/playground/generate-service-worker-plugin');
 var defaultsdeep = require('lodash.defaultsdeep');
-//var GhPagesWebpackPlugin = require('gh-pages-webpack-plugin');
-
-
 
 // PostCss
 var autoprefixer = require('autoprefixer');
@@ -29,6 +26,22 @@ const htmlWebpackPluginCommon = {
     meta: JSON.parse(process.env.EXTRA_META || '{}')
 };
 
+// カスタムプラグイン: ビルド完了後に upload.sh を実行
+class UploadAfterBuildPlugin {
+    apply(compiler) {
+        compiler.hooks.done.tap('UploadAfterBuildPlugin', (stats) => {
+            exec('./upload.sh', (err, stdout, stderr) => {
+                if (err) {
+                    console.error('Error executing upload.sh:', err);
+                    return;
+                }
+                if (stdout) console.log(stdout);
+                if (stderr) console.error(stderr);
+            });
+        });
+    }
+}
+
 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',
@@ -120,13 +133,8 @@ const base = {
 if (!process.env.CI) {
     base.plugins.push(new webpack.ProgressPlugin());
 }
-base.plugins.push(new WebpackShellPluginNext({
-    onBuildEnd: {
-        scripts: ['./upload.sh'],
-        blocking: true,  // ビルド完了まで待つ
-        parallel: false
-    }
-}));
+// WebpackShellPluginNext の代わりにカスタムプラグインを追加
+base.plugins.push(new UploadAfterBuildPlugin());
 
 module.exports = [
     // to run editor examples