fix: the cjs files built using less imports

.babelrc.json

@@ -12,7 +12,7 @@
   ],
   "plugins": [
     "babel-plugin-transform-async-to-promises",
-    ["replace-import-extension", { "extMapping": { ".less": ".css" } }]
+    "./babel-transform-less-to-css"
   ],
   "ignore": ["**/demos"]
 }

babel-transform-less-to-css.js

@@ -0,0 +1,14 @@
+module.exports = function () {
+  return {
+    visitor: {
+      ImportDeclaration(path, source) {
+        if (path.node.source.value.endsWith('.less')) {
+          path.node.source.value = path.node.source.value.replace(
+            /\.less$/,
+            '.css'
+          )
+        }
+      },
+    },
+  }
+}

gulpfile.js

@@ -40,21 +40,18 @@ function copyAssets() {
     .pipe(gulp.dest('lib/cjs/assets'))
 }
 
-function tsCJS() {
-  const tsProject = ts({
-    ...tsconfig.compilerOptions,
-    module: 'CommonJS',
-  })
+function buildCJS() {
   return gulp
-    .src(['src/**/*.{ts,tsx}'], {
-      ignore: ['**/demos/**/*', '**/tests/**/*'],
-    })
-    .pipe(tsProject)
-    .pipe(babel())
+    .src(['lib/es/**/*.js'])
+    .pipe(
+      babel({
+        'plugins': ['@babel/plugin-transform-modules-commonjs'],
+      })
+    )
     .pipe(gulp.dest('lib/cjs/'))
 }
 
-function tsES() {
+function buildES() {
   const tsProject = ts({
     ...tsconfig.compilerOptions,
     module: 'ESNext',
@@ -68,7 +65,7 @@ function tsES() {
     .pipe(gulp.dest('lib/es/'))
 }
 
-function tsDeclaration() {
+function buildDeclaration() {
   const tsProject = ts({
     ...tsconfig.compilerOptions,
     module: 'ESNext',
@@ -176,7 +173,8 @@ exports.umdWebpack = umdWebpack
 
 exports.default = gulp.series(
   clean,
-  gulp.parallel(tsCJS, tsES, tsDeclaration, buildStyle),
+  buildES,
+  gulp.parallel(buildCJS, buildDeclaration, buildStyle),
   copyAssets,
   copyMetaFiles,
   generatePackageJSON,

package.json

@@ -30,6 +30,7 @@
   "devDependencies": {
     "@babel/cli": "^7.15.4",
     "@babel/core": "^7.15.5",
+    "@babel/plugin-transform-modules-commonjs": "^7.15.4",
     "@babel/preset-env": "^7.15.4",
     "@babel/preset-react": "^7.14.5",
     "@babel/preset-typescript": "^7.15.0",
@@ -48,7 +49,6 @@
     "@typescript-eslint/parser": "^4.31.0",
     "babel-loader": "^8.2.2",
     "babel-plugin-import": "^1.13.3",
-    "babel-plugin-replace-import-extension": "^1.1.1",
     "babel-plugin-transform-async-to-promises": "^0.8.15",
     "css-loader": "^6.2.0",
     "del": "^5.1.0",

yarn.lock

@@ -3761,6 +3761,7 @@ __metadata:
     "@ant-design/icons": ^4.6.4
     "@babel/cli": ^7.15.4
     "@babel/core": ^7.15.5
+    "@babel/plugin-transform-modules-commonjs": ^7.15.4
     "@babel/preset-env": ^7.15.4
     "@babel/preset-react": ^7.14.5
     "@babel/preset-typescript": ^7.15.0
@@ -3782,7 +3783,6 @@ __metadata:
     antd-mobile-v5-count: ^1.0.1
     babel-loader: ^8.2.2
     babel-plugin-import: ^1.13.3
-    babel-plugin-replace-import-extension: ^1.1.1
     babel-plugin-transform-async-to-promises: ^0.8.15
     classnames: ^2.3.1
     css-loader: ^6.2.0
@@ -4296,13 +4296,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"babel-plugin-replace-import-extension@npm:^1.1.1":
-  version: 1.1.1
-  resolution: "babel-plugin-replace-import-extension@npm:1.1.1"
-  checksum: ac029093db7d995ce2c7b080be75e94d662fb18c0960f98ce7909d04a835d7816a4f870b1a591f4a179efd4c1f9e4825e4e7fcec97c297e2b39032c154433a72
-  languageName: node
-  linkType: hard
-
 "babel-plugin-transform-async-to-promises@npm:^0.8.15":
   version: 0.8.15
   resolution: "babel-plugin-transform-async-to-promises@npm:0.8.15"