chore: refactor build

package.json

@@ -38,10 +38,7 @@
     "@types/react": "^18.2.55",
     "@types/react-dom": "^18.2.19",
     "@types/validate-npm-package-name": "^4.0.2",
-    "bundle-require": "^4.0.2",
     "chokidar": "^3.6.0",
-    "conventional-changelog-cli": "^2.2.2",
-    "esbuild": "^0.17.19",
     "eslint": "^8.56.0",
     "fast-glob": "^3.3.2",
     "fs-extra": "^11.2.0",
@@ -57,6 +54,8 @@
     "strip-dirs": "^3.0.0",
     "taze": "^0.13.3",
     "tsup": "^8.0.2",
+    "tsup-plugin-bundleless": "^0.1.2",
+    "tsup-plugin-css-legacy": "^0.0.1",
     "tsx": "^4.7.0",
     "turbo": "^1.12.3",
     "typescript": "^5.3.3",

packages/lodash-pro/scripts/tsup.config.ts

@@ -1,5 +1,5 @@
-import { fileSuffixPlugin } from '~scripts/utils'
 import { type Options } from 'tsup'
+import { bundleless } from 'tsup-plugin-bundleless'
 
 const tsupConfig: Options = {
   entry: ['src/**/*.ts'],
@@ -13,7 +13,7 @@ export const esm: Options = {
   target: 'es2020',
   outDir: 'dist/es',
   outExtension: () => ({ js: '.js' }),
-  esbuildPlugins: [fileSuffixPlugin('esm')],
+  plugins: [bundleless({ ext: '.js' })],
 }
 
 export const cjs: Options = {
@@ -22,11 +22,7 @@ export const cjs: Options = {
   outDir: 'dist/lib',
   target: 'es2020',
   platform: 'node',
-  outExtension: () => ({ js: '.cjs' }),
   noExternal: ['lodash-es', 'p-is-promise'],
-  esbuildPlugins: [
-    fileSuffixPlugin('cjs', {
-      noExternal: ['lodash-es', 'p-is-promise'],
-    }),
-  ],
+  outExtension: () => ({ js: '.cjs' }),
+  plugins: [bundleless({ ext: '.cjs' })],
 }

packages/react-component/scripts/tsup.config.ts

@@ -1,5 +1,6 @@
-import { fileSuffixPlugin, getEntry } from '~scripts/utils'
+import { getEntry } from '~scripts/utils'
 import { type Options } from 'tsup'
+import { bundleless } from 'tsup-plugin-bundleless'
 
 const tsupConfig: Options = {
   // tree-shaking
@@ -8,21 +9,20 @@ const tsupConfig: Options = {
     entry: getEntry('src/**/*.{ts,tsx}'),
   },
   platform: 'browser',
-  minify: 'terser',
 }
 
 export const esm: Options = {
   ...tsupConfig,
   format: ['esm'],
   outDir: 'dist/es',
   outExtension: () => ({ js: '.js' }),
-  esbuildPlugins: [fileSuffixPlugin('esm')],
+  plugins: [bundleless({ ext: '.js' })],
 }
 
 export const cjs: Options = {
   ...tsupConfig,
   format: ['cjs'],
   outDir: 'dist/lib',
   outExtension: () => ({ js: '.cjs' }),
-  esbuildPlugins: [fileSuffixPlugin('cjs')],
+  plugins: [bundleless({ ext: '.cjs' })],
 }

packages/react-hook/scripts/tsup.config.ts

@@ -1,5 +1,5 @@
-import { fileSuffixPlugin } from '~scripts/utils'
 import { type Options } from 'tsup'
+import { bundleless } from 'tsup-plugin-bundleless'
 
 const tsupConfig: Options = {
   entry: ['src/**/*.ts'],
@@ -14,13 +14,13 @@ export const esm: Options = {
   format: ['esm'],
   outDir: 'dist/es',
   outExtension: () => ({ js: '.js' }),
-  esbuildPlugins: [fileSuffixPlugin('esm')],
+  plugins: [bundleless({ ext: '.js' })],
 }
 
 export const cjs: Options = {
   ...tsupConfig,
   format: ['cjs'],
   outDir: 'dist/lib',
   outExtension: () => ({ js: '.cjs' }),
-  esbuildPlugins: [fileSuffixPlugin('cjs')],
+  plugins: [bundleless({ ext: '.cjs' })],
 }

packages/react-locale/scripts/tsup.config.ts

@@ -5,6 +5,6 @@ export default {
     'client/index': 'src/client/index.ts',
     'node/plugin/index': 'src/node/plugin/index.ts',
   },
-  target: 'es6',
+  target: 'es2015',
   format: ['cjs', 'esm'],
 } as Options

scripts/build.ts

@@ -1,10 +1,11 @@
 import { isObject, isUndefined } from '@minko-fe/lodash-pro'
 import { getTsconfig } from 'get-tsconfig'
 import { type Options, build as tsupBuild } from 'tsup'
+import { cssLegacy } from 'tsup-plugin-css-legacy'
 import { defaultConfig } from './utils/config'
 
 async function build(options: Options = {}, watchMode = false) {
-  let { dts, esbuildOptions, external, ...rest } = options
+  let { dts, esbuildOptions, external, plugins, ...rest } = options
 
   const tsconfig = getTsconfig()
 
@@ -29,12 +30,13 @@ async function build(options: Options = {}, watchMode = false) {
       opt.logOverride = {
         'empty-import-meta': 'silent',
       }
+
       esbuildOptions?.(opt, { format })
     },
     external: [...(defaultConfig.external || []), ...(external || [])],
     dts,
     clean: true,
-    minify: true,
+    plugins: [...(plugins || []), cssLegacy()],
     ...rest,
   })
 }

scripts/utils/config.ts

@@ -6,8 +6,7 @@ export const defaultConfig: Options = {
   splitting: false,
   watch: false,
   treeshake: true,
-  target: 'es6',
-  keepNames: true,
+  target: 'es2015',
   shims: false,
   clean: false,
   config: false,

scripts/utils/index.ts

@@ -1,7 +1,6 @@
 import glob from 'fast-glob'
 import path from 'node:path'
 import stripDirs from 'strip-dirs'
-import { fileSuffixPlugin } from './esbuild/file-suffix-plugin'
 
 // Taken from https://github.com/sindresorhus/slash/blob/main/index.js (MIT)
 export function slash(path: string) {
@@ -58,5 +57,3 @@ export function getEntry(entryGlob = 'src/index.ts{,x}') {
 
   return entry
 }
-
-export { fileSuffixPlugin }