build(headless): fix big bundle issue #384

Co-authored-by: Wout Mertens <[email protected]>

Author: shairez

package.json

@@ -105,6 +105,8 @@
     "vite": "^4.4.9",
     "vite-plugin-dts": "^3.5.3",
     "vite-plugin-eslint": "^1.8.1",
+    "vite-plugin-inspect": "0.7.38",
+    "vite-plugin-static-copy": "0.17.0",
     "vite-tsconfig-paths": "4.2.0",
     "vitest": "^0.34.3",
     "wrangler": "^2"

packages/kit-headless/package.json

@@ -8,7 +8,7 @@
   "main": "./index.qwik.cjs",
   "qwik": "./index.qwik.mjs",
   "module": "./index.qwik.mjs",
-  "types": "./packages/kit-headless/src/index.d.ts",
+  "types": "./index.qwik.d.ts",
   "type": "module",
   "exports": {
     ".": {

packages/kit-headless/vite.config.ts

@@ -1,12 +1,13 @@
 /// <reference types="vitest" />
 
 import { qwikVite } from '@builder.io/qwik/optimizer';
-import tsconfigPaths from 'vite-tsconfig-paths';
-import { defineConfig } from 'vite';
-import dts from 'vite-plugin-dts';
 import { dirname, join } from 'path';
 import { qwikNxVite } from 'qwik-nx/plugins';
 import { fileURLToPath } from 'url';
+import { defineConfig } from 'vite';
+import dts from 'vite-plugin-dts';
+import { viteStaticCopy } from 'vite-plugin-static-copy';
+import tsconfigPaths from 'vite-tsconfig-paths';
 
 export default defineConfig({
   plugins: [
@@ -15,7 +16,7 @@ export default defineConfig({
     tsconfigPaths({ root: '../../' }),
     dts({
       tsconfigPath: join(dirname(fileURLToPath(import.meta.url)), 'tsconfig.lib.json'),
-
+      entryRoot: 'src',
       afterDiagnostic(ds) {
         // ensure DTS errors are still visible - otherwise get swallowed and silent
         console.log((ds ?? []).map((d) => d.messageText));
@@ -29,6 +30,9 @@ export default defineConfig({
         return;
       },
     }),
+    viteStaticCopy({
+      targets: [{ src: './README.md', dest: './' }],
+    }),
   ],
   server: {
     fs: {
@@ -45,7 +49,8 @@ export default defineConfig({
       entry: './src/index.ts',
       // Could also be a dictionary or array of multiple entry points.
       name: 'headless',
-      fileName: (format) => `index.qwik.${format === 'es' ? 'mjs' : 'cjs'}`,
+      fileName: (format, entryName) =>
+        `${entryName}.qwik.${format === 'es' ? 'mjs' : 'cjs'}`,
       // fileName: 'index',
       // Change this to the formats you want to support.
       // Don't forgot to update your package.json as well.
@@ -54,6 +59,10 @@ export default defineConfig({
     rollupOptions: {
       // External packages that should not be bundled into your library.
       external: ['@floating-ui/dom', 'country-list-json', 'libphonenumber-js'],
+      output: {
+        preserveModules: true,
+        preserveModulesRoot: 'packages/kit-headless/src',
+      },
     },
   },
   test: {