feat(element): add standalone styles

nolimits4web · Jan 16, 2023 · 284b130 · 284b130
1 parent 5e01288
commit 284b130
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/scripts/build-element.js b/scripts/build-element.js
@@ -90,6 +90,9 @@ export default async function buildElement() {
   cssStylesBundle = proceedReplacements(cssStylesBundle);
   cssStylesCore = proceedReplacements(cssStylesCore);
 
+  const cssStylesBundleStandalone = cssStylesBundle;
+  const cssStylesCoreStandalone = cssStylesCore;
+
   const fontStyles = await cleanCss(cssStylesCore.split('/* FONT_END */')[0]);
   cssStylesBundle = await cleanCss(cssStylesBundle.split('/* FONT_END */')[1]);
   cssStylesCore = await cleanCss(cssStylesCore.split('/* FONT_END */')[1]);
@@ -119,6 +122,18 @@ export default async function buildElement() {
     }),
   );
 
+  // standalone styles
+  fs.writeFileSync(path.resolve(outputDir, 'swiper-element.css'), cssStylesCoreStandalone);
+  fs.writeFileSync(
+    path.resolve(outputDir, 'swiper-element.min.css'),
+    await cleanCss(cssStylesCoreStandalone),
+  );
+  fs.writeFileSync(path.resolve(outputDir, 'swiper-element-bundle.css'), cssStylesBundleStandalone);
+  fs.writeFileSync(
+    path.resolve(outputDir, 'swiper-element-bundle.min.css'),
+    await cleanCss(cssStylesBundleStandalone),
+  );
+
   // ESM
   fs.copyFileSync('./src/element/get-params.js', path.resolve(outputDir, 'element/get-params.js'));
   const elementContent = fs.readFileSync('./src/element/swiper-element.js', 'utf-8');