chore: support build:tsc-cjs (#1496)

.eslintignore

@@ -6,6 +6,7 @@
 es
 esm
 lib
+cjs
 dist
 typings
 

.gitignore

@@ -11,6 +11,7 @@ test-report.html
 es/
 esm/
 lib/
+cjs/
 dist/
 typings/
 site/public/

package.json

@@ -18,12 +18,13 @@
     "prepare": "husky install .husky",
     "dev": "cd site && cross-env NODE_ENV=development vite",
     "dev:debug": "cd site && cross-env NODE_ENV=development vite --debug",
-    "prebuild": "rimraf dist/* lib/* es/* esm/* typings/*",
+    "prebuild": "rimraf es/* esm/* lib/* cjs/* dist/* --glob",
     "build": "cross-env NODE_ENV=production rollup -c scripts/rollup.config.js && npm run build:tsc",
     "build:tsc": "concurrently \"npm:build:tsc-*\"",
     "build:tsc-es": "vue-tsc --declaration --emitDeclarationOnly -p tsconfig.build.json --outDir es/",
     "build:tsc-esm": "vue-tsc --declaration --emitDeclarationOnly -p tsconfig.build.json --outDir esm/",
     "build:tsc-lib": "vue-tsc --declaration --emitDeclarationOnly -p tsconfig.build.json --outDir lib/",
+    "build:tsc-cjs": "vue-tsc --declaration --emitDeclarationOnly -p tsconfig.build.json --outDir cjs/",
     "site": "cd site && vite build",
     "site:intranet": "cd site && vite build --mode intranet",
     "site:preview": "cd site && vite build --mode preview",
@@ -69,6 +70,7 @@
     "es",
     "esm",
     "lib",
+    "cjs",
     "dist",
     "typings",
     "LICENSE",

scripts/rollup.config.js

@@ -165,13 +165,27 @@ const esmConfig = {
 };
 
 /** @type {import('rollup').RollupOptions} */
-const cjsConfig = {
+const libConfig = {
   input: inputList,
   external: externalDeps.concat(externalPeerDeps),
   plugins: [multiInput()].concat(getPlugins()),
   output: {
     banner,
     dir: 'lib/',
+    format: 'esm',
+    sourcemap: true,
+    chunkFileNames: '_chunks/dep-[hash].js',
+  },
+};
+
+/** @type {import('rollup').RollupOptions} */
+const cjsConfig = {
+  input: inputList,
+  external: externalDeps.concat(externalPeerDeps),
+  plugins: [multiInput()].concat(getPlugins()),
+  output: {
+    banner,
+    dir: 'cjs/',
     format: 'cjs',
     sourcemap: true,
     exports: 'named',
@@ -227,4 +241,4 @@ const resetCss = {
   plugins: [postcss({ extract: true })],
 };
 
-export default [cssConfig, esConfig, esmConfig, cjsConfig, umdConfig, umdMinConfig, resetCss];
+export default [cssConfig, esConfig, esmConfig, libConfig, cjsConfig, umdConfig, umdMinConfig, resetCss];

tsconfig.build.json

@@ -1,4 +1,4 @@
 {
   "extends": "./tsconfig",
-  "exclude": ["node_modules", "src/**/demos", "src/_common", "dist", "es", "esm", "lib", "site"]
+  "exclude": ["node_modules", "src/**/demos", "src/_common", "dist", "es", "esm", "lib", "cjs", "site"]
 }

tsconfig.json

@@ -38,6 +38,6 @@
     "src/style/index.js",
     "scripts/rollup.config.js"
   ],
-  "exclude": ["node_modules", "src/_common", "dist", "es", "esm", "lib", "site"],
+  "exclude": ["node_modules", "src/_common", "dist", "es", "esm", "lib", "cjs", "site"],
   "compileOnSave": false
 }