@doracli/webpack-react 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020-2029 zhangzhiguo
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,6 @@
+# `cli`
+
+> @doracli/cli
+> 构建功能集合
+
+## Usage

package/bin/enter.mjs

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+import entry from './entry-fun.mjs';
+entry();

package/lib/cjs/index.js

@@ -0,0 +1,545 @@
+'use strict';
+
+var helper = require('@doracli/helper');
+var webpack = require('@doracli/webpack');
+var path = require('path');
+var lang = require('@cclr/lang');
+
+var updateDevtool = function updateDevtool(ctx) {
+  var devtool = webpack.getDevtool(ctx.envParams);
+  ctx.updateWebpackConfig({
+    devtool: devtool
+  });
+};
+
+// export const getExternals = (ctx: Ctx): TExternals => {
+//   const { externals } = ctx.geTDoraConfigWebpack();
+//   if (externals) return externals;
+
+//   return [];
+// };
+
+var updateExternals = function updateExternals(ctx) {
+  var _ctx$getDoraConfig = ctx.getDoraConfig(),
+    userExternals = _ctx$getDoraConfig.externals;
+  var externals = webpack.getExternals(userExternals);
+  ctx.updateWebpackConfig({
+    externals: externals
+  });
+};
+
+var updateEntry = function updateEntry(ctx) {
+  var entry = webpack.getEntry(ctx.envParams);
+  ctx.updateWebpackConfig({
+    entry: entry
+  });
+};
+
+var updateMode = function updateMode(ctx) {
+  var mode = webpack.getMode(ctx.envParams);
+  ctx.updateWebpackConfig({
+    mode: mode
+  });
+};
+
+var updateModule = function updateModule(ctx) {
+  return new Promise(function ($return, $error) {
+    var module = webpack.getReactModulePreset(ctx.envParams);
+    ctx.updateWebpackConfig({
+      module: module
+    });
+    return $return();
+  });
+};
+
+var updateOptimization = function updateOptimization(ctx) {
+  var _ctx$getDoraConfig = ctx.getDoraConfig(),
+    minimize = _ctx$getDoraConfig.minimize;
+  var optimization = webpack.getOptimization({
+    minimize: minimize
+  });
+  ctx.updateWebpackConfig({
+    optimization: optimization
+  });
+};
+
+var updateOutput = function updateOutput(ctx) {
+  var output = webpack.getOutput(ctx.envParams);
+  ctx.updateWebpackConfig({
+    output: output
+  });
+};
+
+var ActionMap = {
+  build: helper.EnvEnum.prod,
+  server: helper.EnvEnum.dev,
+  lib: helper.EnvEnum.prod
+};
+
+var updatePlugins = function updatePlugins(ctx) {
+  return new Promise(function ($return, $error) {
+    var cdnConfig, _ctx$getDoraConfig, minimize, plugins;
+    return Promise.resolve(helper.parseCdnConfig(ctx.configCtx.getCdnConfig(), ActionMap[ctx.envParams.action])).then(function ($await_1) {
+      try {
+        cdnConfig = $await_1;
+        _ctx$getDoraConfig = ctx.getDoraConfig(), minimize = _ctx$getDoraConfig.minimize;
+        plugins = webpack.getReactPluginsPreset(ctx.envParams, {
+          HtmlWebpackPluginOptions: cdnConfig,
+          minimize: minimize
+        });
+        return $return(ctx.updateWebpackConfig({
+          plugins: plugins
+        }));
+      } catch ($boundEx) {
+        return $error($boundEx);
+      }
+    }, $error);
+  });
+};
+
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _arrayWithoutHoles(r) {
+  if (Array.isArray(r)) return _arrayLikeToArray(r);
+}
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: true,
+    configurable: true,
+    writable: true
+  }) : e[r] = t, e;
+}
+function _iterableToArray(r) {
+  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+}
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
+function _toConsumableArray(r) {
+  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r);
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
+/**
+ * 获取webpack的resolve配置
+ * @param userResolve
+ * @returns
+ */
+var updateResolve = function updateResolve(ctx) {
+  var tsConfig = ctx.configCtx.getTsConfig();
+  var _ctx$geTDoraConfigWeb = ctx.geTDoraConfigWebpack(),
+    userConfigResolve = _ctx$geTDoraConfigWeb.resolve;
+  var injectAlias = lang.get(userConfigResolve, 'alias', {});
+  var injectExtensions = lang.get(userConfigResolve, 'extensions', []);
+  var tsAlias = helper.getTsPathAlias(tsConfig);
+  var resolveObj = {
+    extensions: Array.from(new Set(['.ts', '.tsx', '.js', '.jsx'].concat(_toConsumableArray(injectExtensions)))),
+    alias: _objectSpread2(_objectSpread2({
+      '@src': path.resolve('src'),
+      '@': path.resolve('src')
+    }, tsAlias), injectAlias)
+  };
+  ctx.updateWebpackConfig({
+    resolve: resolveObj
+  });
+};
+
+var updateResolveLoader = function updateResolveLoader(ctx) {
+  var resolveLoader = webpack.getResolveLoader();
+  ctx.updateWebpackConfig({
+    resolveLoader: resolveLoader
+  });
+};
+
+var initWebpackConfig = function initWebpackConfig(ctx) {
+  return new Promise(function ($return, $error) {
+    return Promise.resolve(updateMode(ctx)).then(function ($await_1) {
+      try {
+        return Promise.resolve(updateEntry(ctx)).then(function ($await_2) {
+          try {
+            return Promise.resolve(updateOutput(ctx)).then(function ($await_3) {
+              try {
+                return Promise.resolve(updateDevtool(ctx)).then(function ($await_4) {
+                  try {
+                    return Promise.resolve(updateExternals(ctx)).then(function ($await_5) {
+                      try {
+                        return Promise.resolve(updateResolve(ctx)).then(function ($await_6) {
+                          try {
+                            return Promise.resolve(updateResolveLoader(ctx)).then(function ($await_7) {
+                              try {
+                                return Promise.resolve(updateOptimization(ctx)).then(function ($await_8) {
+                                  try {
+                                    return Promise.resolve(updateModule(ctx)).then(function ($await_9) {
+                                      try {
+                                        return Promise.resolve(updatePlugins(ctx)).then(function ($await_10) {
+                                          try {
+                                            return $return();
+                                          } catch ($boundEx) {
+                                            return $error($boundEx);
+                                          }
+                                        }, $error);
+                                      } catch ($boundEx) {
+                                        return $error($boundEx);
+                                      }
+                                    }, $error);
+                                  } catch ($boundEx) {
+                                    return $error($boundEx);
+                                  }
+                                }, $error);
+                              } catch ($boundEx) {
+                                return $error($boundEx);
+                              }
+                            }, $error);
+                          } catch ($boundEx) {
+                            return $error($boundEx);
+                          }
+                        }, $error);
+                      } catch ($boundEx) {
+                        return $error($boundEx);
+                      }
+                    }, $error);
+                  } catch ($boundEx) {
+                    return $error($boundEx);
+                  }
+                }, $error);
+              } catch ($boundEx) {
+                return $error($boundEx);
+              }
+            }, $error);
+          } catch ($boundEx) {
+            return $error($boundEx);
+          }
+        }, $error);
+      } catch ($boundEx) {
+        return $error($boundEx);
+      }
+    }, $error);
+  });
+};
+
+var buildBase = function buildBase(ctx) {
+  return new Promise(function ($return, $error) {
+    var timeEnd, res;
+    return Promise.resolve(initWebpackConfig(ctx)).then(function ($await_1) {
+      try {
+        timeEnd = helper.cLog.time('build');
+        return Promise.resolve(webpack.build(ctx.webpackConfig)).then(function ($await_2) {
+          try {
+            res = $await_2;
+            timeEnd();
+            return $return(res);
+          } catch ($boundEx) {
+            return $error($boundEx);
+          }
+        }, $error);
+      } catch ($boundEx) {
+        return $error($boundEx);
+      }
+    }, $error);
+  });
+};
+
+var buildSingle = function buildSingle(configCtx, envParams) {
+  return new Promise(function ($return, $error) {
+    var ctx, res, _ref, err, stats, _stats$compilation;
+    ctx = new webpack.Ctx(configCtx);
+    ctx.updateEnvParams(envParams);
+    return Promise.resolve(buildBase(ctx)).then(function ($await_1) {
+      try {
+        res = $await_1;
+        _ref = res || {}, err = _ref.err, stats = _ref.stats;
+        if (err) {
+          helper.cLog.error('build', 'build_error', 'webpack构建失败，捕获到错误');
+          console.error(err);
+          return $return();
+        }
+        if (stats !== null && stats !== void 0 && stats.hasErrors()) {
+          helper.cLog.error('build', 'build_error', 'webpack构建失败，捕获到状态错误');
+          stats === null || stats === void 0 || (_stats$compilation = stats.compilation) === null || _stats$compilation === void 0 || (_stats$compilation = _stats$compilation.errors) === null || _stats$compilation === void 0 || _stats$compilation.forEach(function (error) {
+            console.error(error);
+          });
+          return $return();
+        }
+        helper.cLog.info('build', 'build_success', 'webpack构建成功');
+        return $return();
+      } catch ($boundEx) {
+        return $error($boundEx);
+      }
+    }, $error);
+  });
+};
+
+var version = "0.0.0";
+
+/** 生产预设配置 */
+var presetDoracliDefaultConfig = {
+  output: {
+    path: './dist'
+  },
+  formatList: ['cjs'],
+  alias: {},
+  externals: [],
+  internals: [],
+  minimize: true,
+  clear: false,
+  copy: {},
+  dts: {}
+};
+
+/** 生产预设配置 */
+var presetDoracliBuildConfig = _objectSpread2(_objectSpread2({}, presetDoracliDefaultConfig), {}, {
+  minimize: true,
+  clear: true
+});
+
+var buildEntry = function buildEntry(cmd) {
+  return new Promise(function ($return, $error) {
+    var envParams, configCtx;
+    envParams = {
+      action: 'build',
+      workRootDir: process.cwd()
+    };
+    configCtx = new helper.ConfigCtx();
+    configCtx.setCmd(cmd);
+    configCtx.setWorkRoot(envParams.workRootDir);
+    return Promise.resolve(helper.collectConfig(configCtx, ActionMap[envParams.action], {
+      doraConfig: presetDoracliBuildConfig
+    })).then(function ($await_1) {
+      try {
+        return $return(buildSingle(configCtx, envParams));
+      } catch ($boundEx) {
+        return $error($boundEx);
+      }
+    }, $error);
+  });
+};
+
+/** 生产预设配置 */
+var presetDoracliDevConfig = _objectSpread2(_objectSpread2({}, presetDoracliDefaultConfig), {}, {
+  clear: true,
+  minimize: false
+});
+
+var devEntry = function devEntry(cmd) {
+  return new Promise(function ($return, $error) {
+    var envParams, configCtx;
+    envParams = {
+      action: 'build',
+      workRootDir: process.cwd()
+    };
+    configCtx = new helper.ConfigCtx();
+    configCtx.setCmd(cmd);
+    configCtx.setWorkRoot(envParams.workRootDir);
+    return Promise.resolve(helper.collectConfig(configCtx, ActionMap[envParams.action], {
+      doraConfig: presetDoracliDevConfig
+    })).then(function ($await_1) {
+      try {
+        return $return(buildSingle(configCtx, envParams));
+      } catch ($boundEx) {
+        return $error($boundEx);
+      }
+    }, $error);
+  });
+};
+
+/** 生产预设配置 */
+var presetDoracliServerConfig = _objectSpread2(_objectSpread2({}, presetDoracliDefaultConfig), {}, {
+  clear: false,
+  minimize: false,
+  webpackConfig: {
+    serviceConfig: {
+      open: true
+    }
+  }
+});
+
+var updateDevServer = function updateDevServer(ctx) {
+  var userServiceConfig = ctx.geTDoraConfigWebpack().serviceConfig || {};
+  ctx.updateDevServerConfig(webpack.getDevServer(userServiceConfig));
+};
+
+var serverBase = function serverBase(ctx) {
+  return new Promise(function ($return, $error) {
+    var compiler;
+    return Promise.resolve(initWebpackConfig(ctx)).then(function ($await_1) {
+      try {
+        return Promise.resolve(updateDevServer(ctx)).then(function ($await_2) {
+          try {
+            compiler = webpack.createCompiler(ctx.webpackConfig);
+            return Promise.resolve(webpack.service(ctx.devServerConfig, compiler)).then(function ($await_3) {
+              try {
+                return $return();
+              } catch ($boundEx) {
+                return $error($boundEx);
+              }
+            }, $error);
+          } catch ($boundEx) {
+            return $error($boundEx);
+          }
+        }, $error);
+      } catch ($boundEx) {
+        return $error($boundEx);
+      }
+    }, $error);
+  });
+};
+
+var serverSingle = function serverSingle(configCtx, envParams) {
+  return new Promise(function ($return, $error) {
+    var ctx;
+    ctx = new webpack.Ctx(configCtx);
+    ctx.updateEnvParams(envParams);
+    return Promise.resolve(serverBase(ctx)).then(function ($await_1) {
+      try {
+        helper.cLog.info('server', 'success', 'webpack 服务启动成功~');
+        return $return();
+      } catch ($boundEx) {
+        return $error($boundEx);
+      }
+    }, $error);
+  });
+};
+
+var serverEntry = function serverEntry(cmd) {
+  return new Promise(function ($return, $error) {
+    var envParams, configCtx, cdnConfig;
+    envParams = {
+      action: 'server',
+      workRootDir: process.cwd()
+    };
+    configCtx = new helper.ConfigCtx();
+    configCtx.setCmd(cmd);
+    configCtx.setWorkRoot(envParams.workRootDir);
+    return Promise.resolve(helper.collectConfig(configCtx, ActionMap[envParams.action], {
+      doraConfig: presetDoracliServerConfig
+    })).then(function ($await_1) {
+      try {
+        return Promise.resolve(helper.resolveCdnConfig(envParams.workRootDir, ActionMap[envParams.action])).then(function ($await_2) {
+          try {
+            cdnConfig = $await_2 || {};
+            configCtx.setCdnConfig(cdnConfig);
+            return $return(serverSingle(configCtx, envParams));
+          } catch ($boundEx) {
+            return $error($boundEx);
+          }
+        }, $error);
+      } catch ($boundEx) {
+        return $error($boundEx);
+      }
+    }, $error);
+  });
+};
+
+var childCommands = [{
+  command: 'server',
+  description: 'run a project by dev',
+  options: [{
+    name: 'format',
+    simpleName: 'f',
+    type: "['amd','cjs','es','iife','system','umd','commonjs','esm','module','systemjs']",
+    description: 'set output module type'
+  }, {
+    name: 'workRootDir',
+    simpleName: 'r',
+    type: '[string]',
+    description: 'set work root path',
+    defaultValue: './'
+  }],
+  action: function action(env) {
+    serverEntry(env);
+  }
+}, {
+  command: 'build',
+  description: 'run a project by build',
+  options: [{
+    name: 'format',
+    simpleName: 'f',
+    type: "['amd','cjs','es','iife','system','umd','commonjs','esm','module','systemjs']",
+    description: 'set output module type'
+  }, {
+    name: 'workRootDir',
+    simpleName: 'r',
+    type: '[string]',
+    description: 'set work root path',
+    defaultValue: './'
+  }],
+  action: function action(env) {
+    buildEntry(env);
+  }
+}, {
+  command: 'dev',
+  description: 'run a project by build',
+  options: [{
+    name: 'format',
+    simpleName: 'f',
+    type: "['amd','cjs','es','iife','system','umd','commonjs','esm','module','systemjs']",
+    description: 'set output module type'
+  }, {
+    name: 'workRootDir',
+    simpleName: 'r',
+    type: '[string]',
+    description: 'set work root path',
+    defaultValue: './'
+  }],
+  action: function action(env) {
+    devEntry(env);
+  }
+}];
+var commandOptions = {
+  name: 'magic',
+  usage: 'magic <command> [option]',
+  version: version,
+  childCommands: childCommands
+};
+
+exports.buildBase = buildBase;
+exports.buildSingle = buildSingle;
+exports.childCommands = childCommands;
+exports.commandOptions = commandOptions;
+exports.serverBase = serverBase;
+exports.serverSingle = serverSingle;

package/lib/esm/index.js

@@ -0,0 +1,538 @@
+import { EnvEnum, parseCdnConfig, getTsPathAlias, cLog, ConfigCtx, collectConfig, resolveCdnConfig } from '@doracli/helper';
+import { getDevtool, getExternals, getEntry, getMode, getReactModulePreset, getOptimization, getOutput, getReactPluginsPreset, getResolveLoader, build, Ctx, getDevServer, createCompiler, service } from '@doracli/webpack';
+import { resolve } from 'path';
+import { get } from '@cclr/lang';
+
+var updateDevtool = function updateDevtool(ctx) {
+  var devtool = getDevtool(ctx.envParams);
+  ctx.updateWebpackConfig({
+    devtool: devtool
+  });
+};
+
+// export const getExternals = (ctx: Ctx): TExternals => {
+//   const { externals } = ctx.geTDoraConfigWebpack();
+//   if (externals) return externals;
+
+//   return [];
+// };
+
+var updateExternals = function updateExternals(ctx) {
+  var _ctx$getDoraConfig = ctx.getDoraConfig(),
+    userExternals = _ctx$getDoraConfig.externals;
+  var externals = getExternals(userExternals);
+  ctx.updateWebpackConfig({
+    externals: externals
+  });
+};
+
+var updateEntry = function updateEntry(ctx) {
+  var entry = getEntry(ctx.envParams);
+  ctx.updateWebpackConfig({
+    entry: entry
+  });
+};
+
+var updateMode = function updateMode(ctx) {
+  var mode = getMode(ctx.envParams);
+  ctx.updateWebpackConfig({
+    mode: mode
+  });
+};
+
+var updateModule = function updateModule(ctx) {
+  return new Promise(function ($return, $error) {
+    var module = getReactModulePreset(ctx.envParams);
+    ctx.updateWebpackConfig({
+      module: module
+    });
+    return $return();
+  });
+};
+
+var updateOptimization = function updateOptimization(ctx) {
+  var _ctx$getDoraConfig = ctx.getDoraConfig(),
+    minimize = _ctx$getDoraConfig.minimize;
+  var optimization = getOptimization({
+    minimize: minimize
+  });
+  ctx.updateWebpackConfig({
+    optimization: optimization
+  });
+};
+
+var updateOutput = function updateOutput(ctx) {
+  var output = getOutput(ctx.envParams);
+  ctx.updateWebpackConfig({
+    output: output
+  });
+};
+
+var ActionMap = {
+  build: EnvEnum.prod,
+  server: EnvEnum.dev,
+  lib: EnvEnum.prod
+};
+
+var updatePlugins = function updatePlugins(ctx) {
+  return new Promise(function ($return, $error) {
+    var cdnConfig, _ctx$getDoraConfig, minimize, plugins;
+    return Promise.resolve(parseCdnConfig(ctx.configCtx.getCdnConfig(), ActionMap[ctx.envParams.action])).then(function ($await_1) {
+      try {
+        cdnConfig = $await_1;
+        _ctx$getDoraConfig = ctx.getDoraConfig(), minimize = _ctx$getDoraConfig.minimize;
+        plugins = getReactPluginsPreset(ctx.envParams, {
+          HtmlWebpackPluginOptions: cdnConfig,
+          minimize: minimize
+        });
+        return $return(ctx.updateWebpackConfig({
+          plugins: plugins
+        }));
+      } catch ($boundEx) {
+        return $error($boundEx);
+      }
+    }, $error);
+  });
+};
+
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _arrayWithoutHoles(r) {
+  if (Array.isArray(r)) return _arrayLikeToArray(r);
+}
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: true,
+    configurable: true,
+    writable: true
+  }) : e[r] = t, e;
+}
+function _iterableToArray(r) {
+  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+}
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
+function _toConsumableArray(r) {
+  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r);
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
+/**
+ * 获取webpack的resolve配置
+ * @param userResolve
+ * @returns
+ */
+var updateResolve = function updateResolve(ctx) {
+  var tsConfig = ctx.configCtx.getTsConfig();
+  var _ctx$geTDoraConfigWeb = ctx.geTDoraConfigWebpack(),
+    userConfigResolve = _ctx$geTDoraConfigWeb.resolve;
+  var injectAlias = get(userConfigResolve, 'alias', {});
+  var injectExtensions = get(userConfigResolve, 'extensions', []);
+  var tsAlias = getTsPathAlias(tsConfig);
+  var resolveObj = {
+    extensions: Array.from(new Set(['.ts', '.tsx', '.js', '.jsx'].concat(_toConsumableArray(injectExtensions)))),
+    alias: _objectSpread2(_objectSpread2({
+      '@src': resolve('src'),
+      '@': resolve('src')
+    }, tsAlias), injectAlias)
+  };
+  ctx.updateWebpackConfig({
+    resolve: resolveObj
+  });
+};
+
+var updateResolveLoader = function updateResolveLoader(ctx) {
+  var resolveLoader = getResolveLoader();
+  ctx.updateWebpackConfig({
+    resolveLoader: resolveLoader
+  });
+};
+
+var initWebpackConfig = function initWebpackConfig(ctx) {
+  return new Promise(function ($return, $error) {
+    return Promise.resolve(updateMode(ctx)).then(function ($await_1) {
+      try {
+        return Promise.resolve(updateEntry(ctx)).then(function ($await_2) {
+          try {
+            return Promise.resolve(updateOutput(ctx)).then(function ($await_3) {
+              try {
+                return Promise.resolve(updateDevtool(ctx)).then(function ($await_4) {
+                  try {
+                    return Promise.resolve(updateExternals(ctx)).then(function ($await_5) {
+                      try {
+                        return Promise.resolve(updateResolve(ctx)).then(function ($await_6) {
+                          try {
+                            return Promise.resolve(updateResolveLoader(ctx)).then(function ($await_7) {
+                              try {
+                                return Promise.resolve(updateOptimization(ctx)).then(function ($await_8) {
+                                  try {
+                                    return Promise.resolve(updateModule(ctx)).then(function ($await_9) {
+                                      try {
+                                        return Promise.resolve(updatePlugins(ctx)).then(function ($await_10) {
+                                          try {
+                                            return $return();
+                                          } catch ($boundEx) {
+                                            return $error($boundEx);
+                                          }
+                                        }, $error);
+                                      } catch ($boundEx) {
+                                        return $error($boundEx);
+                                      }
+                                    }, $error);
+                                  } catch ($boundEx) {
+                                    return $error($boundEx);
+                                  }
+                                }, $error);
+                              } catch ($boundEx) {
+                                return $error($boundEx);
+                              }
+                            }, $error);
+                          } catch ($boundEx) {
+                            return $error($boundEx);
+                          }
+                        }, $error);
+                      } catch ($boundEx) {
+                        return $error($boundEx);
+                      }
+                    }, $error);
+                  } catch ($boundEx) {
+                    return $error($boundEx);
+                  }
+                }, $error);
+              } catch ($boundEx) {
+                return $error($boundEx);
+              }
+            }, $error);
+          } catch ($boundEx) {
+            return $error($boundEx);
+          }
+        }, $error);
+      } catch ($boundEx) {
+        return $error($boundEx);
+      }
+    }, $error);
+  });
+};
+
+var buildBase = function buildBase(ctx) {
+  return new Promise(function ($return, $error) {
+    var timeEnd, res;
+    return Promise.resolve(initWebpackConfig(ctx)).then(function ($await_1) {
+      try {
+        timeEnd = cLog.time('build');
+        return Promise.resolve(build(ctx.webpackConfig)).then(function ($await_2) {
+          try {
+            res = $await_2;
+            timeEnd();
+            return $return(res);
+          } catch ($boundEx) {
+            return $error($boundEx);
+          }
+        }, $error);
+      } catch ($boundEx) {
+        return $error($boundEx);
+      }
+    }, $error);
+  });
+};
+
+var buildSingle = function buildSingle(configCtx, envParams) {
+  return new Promise(function ($return, $error) {
+    var ctx, res, _ref, err, stats, _stats$compilation;
+    ctx = new Ctx(configCtx);
+    ctx.updateEnvParams(envParams);
+    return Promise.resolve(buildBase(ctx)).then(function ($await_1) {
+      try {
+        res = $await_1;
+        _ref = res || {}, err = _ref.err, stats = _ref.stats;
+        if (err) {
+          cLog.error('build', 'build_error', 'webpack构建失败，捕获到错误');
+          console.error(err);
+          return $return();
+        }
+        if (stats !== null && stats !== void 0 && stats.hasErrors()) {
+          cLog.error('build', 'build_error', 'webpack构建失败，捕获到状态错误');
+          stats === null || stats === void 0 || (_stats$compilation = stats.compilation) === null || _stats$compilation === void 0 || (_stats$compilation = _stats$compilation.errors) === null || _stats$compilation === void 0 || _stats$compilation.forEach(function (error) {
+            console.error(error);
+          });
+          return $return();
+        }
+        cLog.info('build', 'build_success', 'webpack构建成功');
+        return $return();
+      } catch ($boundEx) {
+        return $error($boundEx);
+      }
+    }, $error);
+  });
+};
+
+var version = "0.0.0";
+
+/** 生产预设配置 */
+var presetDoracliDefaultConfig = {
+  output: {
+    path: './dist'
+  },
+  formatList: ['cjs'],
+  alias: {},
+  externals: [],
+  internals: [],
+  minimize: true,
+  clear: false,
+  copy: {},
+  dts: {}
+};
+
+/** 生产预设配置 */
+var presetDoracliBuildConfig = _objectSpread2(_objectSpread2({}, presetDoracliDefaultConfig), {}, {
+  minimize: true,
+  clear: true
+});
+
+var buildEntry = function buildEntry(cmd) {
+  return new Promise(function ($return, $error) {
+    var envParams, configCtx;
+    envParams = {
+      action: 'build',
+      workRootDir: process.cwd()
+    };
+    configCtx = new ConfigCtx();
+    configCtx.setCmd(cmd);
+    configCtx.setWorkRoot(envParams.workRootDir);
+    return Promise.resolve(collectConfig(configCtx, ActionMap[envParams.action], {
+      doraConfig: presetDoracliBuildConfig
+    })).then(function ($await_1) {
+      try {
+        return $return(buildSingle(configCtx, envParams));
+      } catch ($boundEx) {
+        return $error($boundEx);
+      }
+    }, $error);
+  });
+};
+
+/** 生产预设配置 */
+var presetDoracliDevConfig = _objectSpread2(_objectSpread2({}, presetDoracliDefaultConfig), {}, {
+  clear: true,
+  minimize: false
+});
+
+var devEntry = function devEntry(cmd) {
+  return new Promise(function ($return, $error) {
+    var envParams, configCtx;
+    envParams = {
+      action: 'build',
+      workRootDir: process.cwd()
+    };
+    configCtx = new ConfigCtx();
+    configCtx.setCmd(cmd);
+    configCtx.setWorkRoot(envParams.workRootDir);
+    return Promise.resolve(collectConfig(configCtx, ActionMap[envParams.action], {
+      doraConfig: presetDoracliDevConfig
+    })).then(function ($await_1) {
+      try {
+        return $return(buildSingle(configCtx, envParams));
+      } catch ($boundEx) {
+        return $error($boundEx);
+      }
+    }, $error);
+  });
+};
+
+/** 生产预设配置 */
+var presetDoracliServerConfig = _objectSpread2(_objectSpread2({}, presetDoracliDefaultConfig), {}, {
+  clear: false,
+  minimize: false,
+  webpackConfig: {
+    serviceConfig: {
+      open: true
+    }
+  }
+});
+
+var updateDevServer = function updateDevServer(ctx) {
+  var userServiceConfig = ctx.geTDoraConfigWebpack().serviceConfig || {};
+  ctx.updateDevServerConfig(getDevServer(userServiceConfig));
+};
+
+var serverBase = function serverBase(ctx) {
+  return new Promise(function ($return, $error) {
+    var compiler;
+    return Promise.resolve(initWebpackConfig(ctx)).then(function ($await_1) {
+      try {
+        return Promise.resolve(updateDevServer(ctx)).then(function ($await_2) {
+          try {
+            compiler = createCompiler(ctx.webpackConfig);
+            return Promise.resolve(service(ctx.devServerConfig, compiler)).then(function ($await_3) {
+              try {
+                return $return();
+              } catch ($boundEx) {
+                return $error($boundEx);
+              }
+            }, $error);
+          } catch ($boundEx) {
+            return $error($boundEx);
+          }
+        }, $error);
+      } catch ($boundEx) {
+        return $error($boundEx);
+      }
+    }, $error);
+  });
+};
+
+var serverSingle = function serverSingle(configCtx, envParams) {
+  return new Promise(function ($return, $error) {
+    var ctx;
+    ctx = new Ctx(configCtx);
+    ctx.updateEnvParams(envParams);
+    return Promise.resolve(serverBase(ctx)).then(function ($await_1) {
+      try {
+        cLog.info('server', 'success', 'webpack 服务启动成功~');
+        return $return();
+      } catch ($boundEx) {
+        return $error($boundEx);
+      }
+    }, $error);
+  });
+};
+
+var serverEntry = function serverEntry(cmd) {
+  return new Promise(function ($return, $error) {
+    var envParams, configCtx, cdnConfig;
+    envParams = {
+      action: 'server',
+      workRootDir: process.cwd()
+    };
+    configCtx = new ConfigCtx();
+    configCtx.setCmd(cmd);
+    configCtx.setWorkRoot(envParams.workRootDir);
+    return Promise.resolve(collectConfig(configCtx, ActionMap[envParams.action], {
+      doraConfig: presetDoracliServerConfig
+    })).then(function ($await_1) {
+      try {
+        return Promise.resolve(resolveCdnConfig(envParams.workRootDir, ActionMap[envParams.action])).then(function ($await_2) {
+          try {
+            cdnConfig = $await_2 || {};
+            configCtx.setCdnConfig(cdnConfig);
+            return $return(serverSingle(configCtx, envParams));
+          } catch ($boundEx) {
+            return $error($boundEx);
+          }
+        }, $error);
+      } catch ($boundEx) {
+        return $error($boundEx);
+      }
+    }, $error);
+  });
+};
+
+var childCommands = [{
+  command: 'server',
+  description: 'run a project by dev',
+  options: [{
+    name: 'format',
+    simpleName: 'f',
+    type: "['amd','cjs','es','iife','system','umd','commonjs','esm','module','systemjs']",
+    description: 'set output module type'
+  }, {
+    name: 'workRootDir',
+    simpleName: 'r',
+    type: '[string]',
+    description: 'set work root path',
+    defaultValue: './'
+  }],
+  action: function action(env) {
+    serverEntry(env);
+  }
+}, {
+  command: 'build',
+  description: 'run a project by build',
+  options: [{
+    name: 'format',
+    simpleName: 'f',
+    type: "['amd','cjs','es','iife','system','umd','commonjs','esm','module','systemjs']",
+    description: 'set output module type'
+  }, {
+    name: 'workRootDir',
+    simpleName: 'r',
+    type: '[string]',
+    description: 'set work root path',
+    defaultValue: './'
+  }],
+  action: function action(env) {
+    buildEntry(env);
+  }
+}, {
+  command: 'dev',
+  description: 'run a project by build',
+  options: [{
+    name: 'format',
+    simpleName: 'f',
+    type: "['amd','cjs','es','iife','system','umd','commonjs','esm','module','systemjs']",
+    description: 'set output module type'
+  }, {
+    name: 'workRootDir',
+    simpleName: 'r',
+    type: '[string]',
+    description: 'set work root path',
+    defaultValue: './'
+  }],
+  action: function action(env) {
+    devEntry(env);
+  }
+}];
+var commandOptions = {
+  name: 'magic',
+  usage: 'magic <command> [option]',
+  version: version,
+  childCommands: childCommands
+};
+
+export { buildBase, buildSingle, childCommands, commandOptions, serverBase, serverSingle };

package/lib/type/index.d.ts

@@ -0,0 +1,20 @@
+import { Stats } from 'webpack';
+import { Ctx, TEnvParams } from '@doracli/webpack';
+import { ConfigCtx } from '@doracli/helper';
+import { TChildCommandOption, TCommandOption } from '@doracli/commander';
+
+declare const buildBase: (ctx: Ctx) => Promise<{
+    err?: Error | null | undefined;
+    stats?: Stats | undefined;
+}>;
+
+declare const buildSingle: (configCtx: ConfigCtx, envParams: TEnvParams) => Promise<void>;
+
+declare const childCommands: TChildCommandOption[];
+declare const commandOptions: TCommandOption;
+
+declare const serverBase: (ctx: Ctx) => Promise<void>;
+
+declare const serverSingle: (configCtx: ConfigCtx, envParams: TEnvParams) => Promise<void>;
+
+export { buildBase, buildSingle, childCommands, commandOptions, serverBase, serverSingle };

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@doracli/webpack-react",
+  "version": "0.0.1",
+  "description": "package by webpack",
+  "author": "cclr <18843152354@163.com>",
+  "homepage": "",
+  "license": "MIT",
+  "type": "module",
+  "exports": {
+    "import": "./lib/esm/index.js",
+    "require": "./lib/cjs/index.js"
+  },
+  "types": "lib/type/index.d.ts",
+  "bin": {
+    "dwr": "bin/enter.mjs"
+  },
+  "directories": {
+    "lib": "lib"
+  },
+  "files": [
+    "lib",
+    "README.md"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "test": "vitest",
+    "g:test": "vitest run",
+    "build": "ccf build"
+  },
+  "dependencies": {
+    "@cclr/lang": "^0.1.28",
+    "@cclr/utils": "^0.1.28",
+    "@dorabag/file-pro": "^1.0.10",
+    "@doracli/commander": "^0.0.1",
+    "@doracli/helper": "^0.0.1",
+    "@doracli/type": "^0.0.1",
+    "@doracli/webpack": "^0.0.1"
+  },
+  "gitHead": "40ab496f25042487a671979074515f3345c96453",
+  "devDependencies": {
+    "webpack": "^5.102.1",
+    "webpack-dev-server": "^5.2.2"
+  }
+}