@xfe-repo/web-app 1.6.2 → 1.6.4

package/README.md

@@ -1,3 +1,7 @@
 # `@xfe-repo/web-app`
 
 web框架基础库
+
+构建会先加载 `react-app-polyfill/stable`，并在应用原有 browserslist 的基础上，补充 Edge 18、Chrome 64、Firefox 60、Safari/iOS 12 及以上的 JS 编译目标，业务代码和第三方依赖使用同一目标。
+
+这是 JS 兼容基线；具体组件样式和浏览器 Web API 仍需在目标浏览器验证。

package/config/webpack/webpack.config.js

@@ -88,6 +88,16 @@ module.exports = function (webpackEnv) {
   const isEnvDevelopment = webpackEnv === 'development'
   const isEnvProduction = webpackEnv === 'production'
 
+  // 保留应用声明的目标，补充不随市场占有率淘汰的旧浏览器基线。
+  const browserTargets = [
+    ...require('browserslist')(undefined, { path: paths.appPath, env: process.env.BROWSERSLIST_ENV || webpackEnv }),
+    'edge >= 18',
+    'chrome >= 64',
+    'firefox >= 60',
+    'safari >= 12',
+    'ios_saf >= 12',
+  ]
+
   // Variable used for enabling profiling in Production
   // passed into alias object. Uses a flag if passed into the build command
   const isEnvProductionProfile = isEnvProduction && process.argv.includes('--profile')
@@ -185,7 +195,7 @@ module.exports = function (webpackEnv) {
   }
 
   return {
-    target: ['browserslist'],
+    target: `browserslist:${browserTargets.join(',')}`,
     // Webpack noise constrained to errors and warnings
     stats: 'errors-warnings',
     mode: isEnvProduction ? 'production' : isEnvDevelopment && 'development',
@@ -194,7 +204,7 @@ module.exports = function (webpackEnv) {
     devtool: isEnvProduction ? (shouldUseSourceMap ? 'source-map' : false) : isEnvDevelopment && 'cheap-module-source-map',
     // These are the "entry points" to our application.
     // This means they will be the "root" imports that are included in JS bundle.
-    entry: paths.appIndexJs,
+    entry: [require.resolve('react-app-polyfill/stable'), paths.appIndexJs],
     output: {
       // The build folder.
       path: paths.appBuild,
@@ -390,6 +400,7 @@ module.exports = function (webpackEnv) {
               include: paths.appSrc,
               loader: require.resolve('babel-loader'),
               options: {
+                targets: browserTargets,
                 customize: require.resolve('babel-preset-react-app/webpack-overrides'),
                 presets: [
                   [
@@ -418,9 +429,11 @@ module.exports = function (webpackEnv) {
             // Unlike the application JS, we only compile the standard ES features.
             {
               test: /\.(js|mjs)$/,
-              exclude: /@babel(?:\/|\\{1,2})runtime/,
+              // 保留完整 polyfill，避免 CRA 按 core-js 3.0 裁掉较新的运行时 API。
+              exclude: /@babel(?:\/|\\{1,2})runtime|core-js|react-app-polyfill/,
               loader: require.resolve('babel-loader'),
               options: {
+                targets: browserTargets,
                 babelrc: false,
                 configFile: false,
                 compact: false,

package/deploy/.drone.yml

@@ -138,7 +138,7 @@ steps:
         include:
           - refs/tags/release-*
 
-  - name: package-and-push-chart
+  - name: push-helm-chart
     image: xhj-prod-registry-vpc.cn-hangzhou.cr.aliyuncs.com/xhj-image-common/deploy-helm:latest
     environment:
       USERNAME:
@@ -154,6 +154,11 @@ steps:
       - set +x
       - printf '%s' "$PASSWORD" | helm registry login xhj-prod-registry-vpc.cn-hangzhou.cr.aliyuncs.com --username "$USERNAME" --password-stdin
       - helm push "$chartName-$chartVersion.tgz" oci://xhj-prod-registry-vpc.cn-hangzhou.cr.aliyuncs.com/xhj-image
+      - >-
+        curl -i --fail-with-body
+        https://deploy.eshetang.com/deploy.v1.DeployExternalService/UpdateGitOpsChartVersion
+        -H 'Content-Type: application/json'
+        -d "{\"service\":\"$${chartName}\",\"chartVersion\":\"$${chartVersion}\"}"
     when:
       ref:
         include:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xfe-repo/web-app",
-  "version": "1.6.2",
+  "version": "1.6.4",
   "bin": {
     "xfe-web": "./bin/index.js"
   },