Merge pull request #29 from misaon/patch-1

Separating Swiper into chunks from entry bundle

src/module.ts

@@ -2,7 +2,8 @@ import * as swiper from 'swiper'
 import {
   defineNuxtModule,
   addPluginTemplate,
-  addImports
+  addImports,
+  extendViteConfig
 } from '@nuxt/kit'
 import { name, version } from '../package.json'
 
@@ -36,6 +37,23 @@ export default defineNuxtModule<SwiperModuleOptions>({
       }
     ]
 
+    // Add Manual Chunks for Swiper for Vite.
+    // for a more optimized build.
+    extendViteConfig((config) => {
+      config.build = config.build || {}
+      config.build.rollupOptions = config.build.rollupOptions || {}
+      config.build.rollupOptions.output = config.build.rollupOptions.output || {}
+
+      config.build.rollupOptions.output = {
+        ...config.build.rollupOptions.output,
+        manualChunks: (id) => {
+          if (id.includes('/node_modules/swiper')) {
+            return 'swiper'
+          }
+        }
+      }
+    })
+
     // Import Each Swiper Module & CSS if it exists.
     for (const [key, _] of Object.entries(swiper)) {
       // Turn key to snake-case.