Enable tree shaking in Vue package (#859)

tailwindlabs · Oct 29, 2021 · c57eb60 · c57eb60
1 parent fd4669f
commit c57eb60
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/packages/@headlessui-vue/package.json b/packages/@headlessui-vue/package.json
@@ -4,12 +4,13 @@
   "description": "A set of completely unstyled, fully accessible UI components for Vue 3, designed to integrate beautifully with Tailwind CSS.",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
-  "module": "dist/headlessui.esm.js",
+  "module": "dist/index.esm.js",
   "license": "MIT",
   "files": [
     "README.md",
     "dist"
   ],
+  "sideEffects": false,
   "engines": {
     "node": ">=10"
   },

diff --git a/packages/@headlessui-vue/tsdx.config.js b/packages/@headlessui-vue/tsdx.config.js
@@ -3,8 +3,13 @@ const globals = {
 }
 
 module.exports = {
-  rollup(config) {
+  rollup(config, opts) {
     for (let key in globals) config.output.globals[key] = globals[key]
+    if (opts.format === 'esm') {
+      config = { ...config, preserveModules: true }
+      config.output = { ...config.output, dir: 'dist/', entryFileNames: '[name].esm.js' }
+      delete config.output.file
+    }
     return config
   },
 }