feat: extract css into there own files

Author: Khoubza Younes

packages/sweetalert/src/sweetalert.ts

@@ -6,7 +6,8 @@ import {
   QueueableInterface,
 } from '@flasher/flasher';
 
-import Swal, { SweetAlertOptions } from 'sweetalert2';
+import Swal from 'sweetalert2/dist/sweetalert2.js';
+import { SweetAlertOptions } from 'sweetalert2';
 import 'sweetalert2/dist/sweetalert2.min.css';
 
 type SwalType = typeof Swal;

rollup.config.js

@@ -38,6 +38,7 @@ export default {
       targets: ['dist'],
     }),
     styles({
+      mode: 'extract',
       plugins: {
         cssnano,
         "postcss-discard-comments": {
@@ -58,12 +59,14 @@ export default {
       format: 'cjs',
       exports: 'auto',
       sourcemap: !isProduction,
+      assetFileNames: '[name][extname]',
     },
     {
       file: module.output,
       format: 'umd',
       exports: 'auto',
       sourcemap: !isProduction,
+      assetFileNames: '[name][extname]',
       name: module.name,
       globals: module.globals || {},
     },
@@ -72,6 +75,7 @@ export default {
       format: 'umd',
       exports: 'auto',
       sourcemap: !isProduction,
+      assetFileNames: '[name][extname]',
       name: module.name,
       globals: module.globals || {},
       plugins: [