feat: corrected-package支持修正第三方依赖包的兼容性

Author: lb1129

package-lock.json

@@ -16,6 +16,7 @@
   "author": "Viho Lei",
   "license": "MIT",
   "devDependencies": {
+    "@babel/plugin-proposal-decorators": "^7.22.7",
     "@babel/preset-env": "^7.22.7",
     "@babel/preset-react": "^7.22.5",
     "@babel/preset-typescript": "^7.22.5",
@@ -88,5 +89,8 @@
     "*.{js,jsx,cjs,mjs,ts,tsx,cts,mts}": "eslint --fix",
     "*.{css,less}": "stylelint --fix",
     "*.{md,json}": "prettier --write"
-  }
+  },
+  "corrected-package": [
+    "react"
+  ]
 }

package.json

@@ -67,6 +67,13 @@ const resolveClientEnv = (raw) => {
   }
 }
 
+// corrected-package 需修正的不支持目标浏览器的node_modules包
+const correctedPackage = require(resolveApp('package.json'))['corrected-package']
+let correctedPackageInclude = []
+if (correctedPackage && Array.isArray(correctedPackage)) {
+  correctedPackageInclude = correctedPackage.map((name) => resolveApp(`node_modules/${name}`))
+}
+
 module.exports = {
   entry: [resolveApp('src/main.tsx')],
   output: {
@@ -85,24 +92,15 @@ module.exports = {
     : 'eval-cheap-module-source-map',
   module: {
     rules: [
+      {
+        test: /\.js$/,
+        loader: 'babel-loader',
+        include: [resolveApp('src'), ...correctedPackageInclude]
+      },
       {
         test: /\.tsx$/,
         use: [
-          {
-            loader: 'babel-loader',
-            options: {
-              presets: [
-                [
-                  '@babel/preset-env',
-                  {
-                    // NOTE usage 对于 node_modules 内的模块不起作用
-                    useBuiltIns: 'entry',
-                    corejs: '3.0'
-                  }
-                ]
-              ]
-            }
-          },
+          'babel-loader',
           {
             loader: 'ts-loader',
             options: {