chore(build): add minified files build

ismail9k · Nov 6, 2024 · 2a1ab06 · 2a1ab06
1 parent f40e7aa
commit 2a1ab06
Show file tree

Hide file tree

Showing 3 changed files with 653 additions and 654 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue3-carousel",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "type": "module",
   "scripts": {
     "build": "rollup -c",
@@ -24,12 +24,18 @@
     ".": {
       "types": "./dist/carousel.d.ts",
       "import": "./dist/carousel.es.js",
-      "require": "./dist/carousel.js"
+      "require": "./dist/carousel.js",
+      "browser": "./dist/carousel.min.js"
     },
     "./dist/carousel": {
       "types": "./dist/carousel.d.ts",
       "import": "./dist/carousel.es.js",
-      "require": "./dist/carousel.js"
+      "require": "./dist/carousel.js",
+      "browser": "./dist/carousel.min.js"
+    },
+    "./dist/carousel.min.js": {
+      "import": "./dist/carousel.es.min.js",
+      "require": "./dist/carousel.min.js"
     },
     "./dist/*.css": {
       "import": "./dist/*.css",
@@ -40,7 +46,10 @@
   "module": "dist/carousel.es.js",
   "style": "dist/carousel.css",
   "types": "dist/carousel.d.ts",
+  "unpkg": "dist/carousel.min.js",
+  "jsdelivr": "dist/carousel.min.js",
   "devDependencies": {
+    "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^12.1.1",
     "@stackblitz/sdk": "^1.11.0",
     "@typescript-eslint/eslint-plugin": "^5.38.1",

diff --git a/rollup.config.js b/rollup.config.js
@@ -3,6 +3,7 @@ import del from 'rollup-plugin-delete'
 import dts from 'rollup-plugin-dts'
 import { typescriptPaths } from 'rollup-plugin-typescript-paths'
 import typescript from '@rollup/plugin-typescript'
+import terser from '@rollup/plugin-terser'
 
 import pkg from './package.json' assert { type: 'json' }
 
@@ -16,6 +17,7 @@ export default [
   {
     input: 'src/index.ts',
     output: [
+      // UMD output
       {
         file: pkg.main,
         format: 'umd',
@@ -25,11 +27,30 @@ export default [
           vue: 'Vue',
         },
       },
+      // ES output
       {
         file: pkg.module,
         format: 'es',
         banner,
       },
+      // Minified UMD output
+      {
+        file: 'dist/carousel.min.js',
+        format: 'umd',
+        name: 'VueCarousel',
+        banner,
+        globals: {
+          vue: 'Vue',
+        },
+        plugins: [terser()],
+      },
+      // Minified ES output
+      {
+        file: 'dist/carousel.es.min.js',
+        format: 'es',
+        banner,
+        plugins: [terser()],
+      },
     ],
     external: [
       ...Object.keys(pkg.dependencies || {}),