@easyv/react-component-builder 0.22.3 → 0.23.0-beta.0

package/config/webpack.config.build.js

@@ -24,8 +24,7 @@ module.exports = (
     output: {
       path: appBuild,
       filename: `${module_name}.${version}.js`,
-      library: `${module_name}@${version}`,
-      libraryTarget: 'amd',
+      library: { name: `${module_name}@${version}`, type: 'amd' },
     },
     externals: [
       'react',

package/config/webpack.config.common.js

@@ -54,9 +54,7 @@ module.exports = function ({ isProduction, uniqueId, entrys }) {
 
         {
           test: /\.js\.map$/,
-          use: {
-            loader: "file-loader",
-          },
+          type: "asset/resource",
         },
 
         {
@@ -104,11 +102,12 @@ module.exports = function ({ isProduction, uniqueId, entrys }) {
           ],
         },
         {
-          // exclude: /node_modules/,
           test: /\.(png|jpg|jpeg|gif|svg|woff|woff2|ttf|eot)(\?.*$|$)/,
-          loader: "url-loader",
-          options: {
-            limit: 20 * 1024 * 1024,
+          type: "asset",
+          parser: {
+            dataUrlCondition: {
+              maxSize: 20 * 1024 * 1024,
+            },
           },
         },
       ].filter(Boolean),

package/config/webpack.config.js

@@ -34,8 +34,7 @@ module.exports = ({ port, modules }) => {
     output: {
       filename: '[name].js',
       globalObject: 'this',
-      libraryTarget: 'var',
-      library: '__MAIN__', // 暴露到window上的属性名称
+      library: { name: '__MAIN__', type: 'var' }, // 暴露到window上的属性名称
     },
     devtool: 'source-map',
     plugins: [
@@ -75,7 +74,7 @@ module.exports = ({ port, modules }) => {
       client: {
         logging: 'warn',
       },
-      onBeforeSetupMiddleware: function (devServer) {
+      setupMiddlewares: (middlewares, devServer) => {
         if (!devServer) {
           throw new Error('webpack-dev-server is not defined');
         }
@@ -118,6 +117,7 @@ module.exports = ({ port, modules }) => {
             res.send(data);
           });
         });
+        return middlewares;
       },
     },
   };

package/launcher/build.js

@@ -110,8 +110,10 @@ module.exports = (name, option = {}) => {
 
         console.log();
       }
+      const mainAsset = message.assetsByChunkName.main;
+      const mainFile = Array.isArray(mainAsset) ? mainAsset[0] : mainAsset;
       resolve({
-        file: path.join(message.outputPath, message.assetsByChunkName.main),
+        file: path.join(message.outputPath, mainFile),
         base,
         sourcePath: sourcePath,
       });

package/launcher/start.js

@@ -124,9 +124,10 @@ function start({ port, modules }) {
     },
   });
 
-  const server = new WebpackDevServer(compiler, config.devServer);
+  const devServerOptions = { ...config.devServer, host: HOST };
+  const server = new WebpackDevServer(devServerOptions, compiler);
 
-  server.listen(port, HOST, (err) => {
+  server.startCallback((err) => {
     if (err) {
       return console.log(err);
     }
@@ -140,8 +141,7 @@ function start({ port, modules }) {
 
   ['SIGINT', 'SIGTERM'].forEach(function (sig) {
     process.on(sig, function () {
-      server.close();
-      process.exit();
+      server.stopCallback(() => process.exit());
     });
   });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easyv/react-component-builder",
-  "version": "0.22.3",
+  "version": "0.23.0-beta.0",
   "files": [
     "launcher",
     "templates",
@@ -17,41 +17,37 @@
     "postpublish": "sync-to-mirror"
   },
   "dependencies": {
-    "@babel/core": "7.9.0",
+    "@babel/core": "^7.12.0",
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "@babel/register": "^7.10.4",
     "@easyv/react-gui": "1.20.9",
-    "@easyv/simulator": "0.6.2",
+    "@easyv/simulator": "0.6.3",
     "@svgr/webpack": "8.1.0",
     "acorn": "^7.3.1",
     "acorn-jsx": "^5.2.0",
     "antd": "^4.0.3",
-    "babel-loader": "8.1.0",
+    "babel-loader": "^9.2.0",
     "babel-plugin-named-asset-import": "^0.3.6",
     "babel-preset-react-app": "^10.0.1",
     "classnames": "^2.2.6",
-    "css-loader": "3.4.2",
+    "css-loader": "^6.11.0",
     "d3": "^5.16.0",
-    "expose-loader": "^1.0.0",
-    "file-loader": "4.3.0",
+    "expose-loader": "^4.0.0",
     "filesize": "^6.1.0",
     "fs-extra": "^9.0.1",
     "glob": "^7.1.6",
-    "html-webpack-plugin": "4.5.2",
+    "html-webpack-plugin": "^5.6.0",
     "inquirer": "^7.3.0",
-    "less-loader": "^6.2.0",
+    "less-loader": "^11.1.0",
     "lodash": "^4.17.19",
     "multer": "^1.4.2",
-    "optimize-css-assets-webpack-plugin": "6.0.1",
     "react": "^16.13.1",
     "react-dev-utils": "10.2.1",
     "react-dom": "^16.13.1",
-    "style-loader": "0.23.1",
+    "style-loader": "^3.3.0",
     "three": "^0.100.0",
-    "url-loader": "2.3.0",
-    "webpack": "4.47.0",
-    "webpack-dev-server": "4.15.1",
-    "webpack-manifest-plugin": "4.1.1"
+    "webpack": "^5.96.0",
+    "webpack-dev-server": "^5.1.0"
   },
   "devDependencies": {
     "@easyv/sync-to-mirror": "^0.0.2",
@@ -59,7 +55,8 @@
     "@types/node": "^12.0.0",
     "@types/react": "^16.9.0",
     "@types/react-dom": "^16.9.0",
-    "terser-webpack-plugin": "^4.2.3"
+    "cesium": "^1.138.0",
+    "terser-webpack-plugin": "^5.3.10"
   },
   "easyv": {
     "src": "examples",
@@ -69,7 +66,7 @@
       "online": "https://easyv.dtstack.com",
       "test": "http://172.16.10.70:1337"
     },
-    "assets": "https://easyv-develop.oss-cn-hangzhou.aliyuncs.com/"
+    "assets": "https://dt-easyv-prod.oss-cn-hangzhou.aliyuncs.com/"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"