perf: build optimizations (alibaba#1936)

* chore: add `@babel/plugin-transform-runtime`

* perf: build optimizations

* fix: ts error

Author: miracles1919

.babelrc

@@ -1,17 +1,4 @@
 {
-  "presets": [
-    [
-      "@babel/env",
-      {
-        "loose": true,
-        "modules": false
-      }
-    ],
-    "@babel/react"
-  ],
-  "include": "**/*.js",
-  "exclude": "**/*.ts",
-  "plugins": [
-    "babel-plugin-transform-async-to-promises"
-  ]
-}
+  "presets": [["@babel/env"], "@babel/react"],
+  "plugins": ["@babel/plugin-transform-runtime"]
+}

gulpfile.js

@@ -10,12 +10,8 @@ gulp.task('clean', async function () {
 });
 
 gulp.task('cjs', function () {
-  const tsProject = ts.createProject('tsconfig.pro.json', {
-    module: 'CommonJS',
-  });
-  return tsProject
-    .src()
-    .pipe(tsProject())
+  return gulp
+    .src(['./es/**/*.js'])
     .pipe(
       babel({
         configFile: '../../.babelrc',
@@ -28,15 +24,7 @@ gulp.task('es', function () {
   const tsProject = ts.createProject('tsconfig.pro.json', {
     module: 'ESNext',
   });
-  return tsProject
-    .src()
-    .pipe(tsProject())
-    .pipe(
-      babel({
-        configFile: '../../.babelrc',
-      }),
-    )
-    .pipe(gulp.dest('es/'));
+  return tsProject.src().pipe(tsProject()).pipe(babel()).pipe(gulp.dest('es/'));
 });
 
 gulp.task('declaration', function () {
@@ -51,4 +39,4 @@ gulp.task('copyReadme', async function () {
   await gulp.src('../../README.md').pipe(gulp.dest('../../packages/hooks'));
 });
 
-exports.default = gulp.series('clean', 'cjs', 'es', 'declaration', 'copyReadme');
+exports.default = gulp.series('clean', 'es', 'cjs', 'declaration', 'copyReadme');

package.json

@@ -29,6 +29,7 @@
     "@ant-design/icons": "^4.6.2",
     "@babel/cli": "^7.10.1",
     "@babel/core": "^7.10.2",
+    "@babel/plugin-transform-runtime": "^7.19.6",
     "@commitlint/cli": "^17.1.2",
     "@commitlint/config-conventional": "^17.1.0",
     "@testing-library/react": "^10.0.4",

packages/hooks/src/useDebounceFn/index.ts

@@ -6,7 +6,7 @@ import useUnmount from '../useUnmount';
 import { isFunction } from '../utils';
 import isDev from '../utils/isDev';
 
-type noop = (...args: any) => any;
+type noop = (...args: any[]) => any;
 
 function useDebounceFn<T extends noop>(fn: T, options?: DebounceOptions) {
   if (isDev) {

packages/hooks/src/useThrottleFn/index.ts

@@ -6,7 +6,7 @@ import useUnmount from '../useUnmount';
 import { isFunction } from '../utils';
 import isDev from '../utils/isDev';
 
-type noop = (...args: any) => any;
+type noop = (...args: any[]) => any;
 
 function useThrottleFn<T extends noop>(fn: T, options?: ThrottleOptions) {
   if (isDev) {

pnpm-lock.yaml

@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "target": "ES5",
+    "target": "ES6",
     "moduleResolution": "node",
     "jsx": "react",
     "esModuleInterop": true,
@@ -16,7 +16,8 @@
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "declaration": false,
-    "strictNullChecks": true
+    "strictNullChecks": true,
+    "importHelpers": true
   },
   "exclude": ["node_modules", "lib", "es", "dist", "example"]
 }