chore: cleanup build configuration (#185)

* chore: cleanup build configuration

* chore: remove unused dependency

Author: mlmoravek

package-lock.json

@@ -4,14 +4,21 @@
   "description": "Bootstrap theme for Oruga",
   "license": "MIT",
   "type": "module",
-  "main": "dist/bootstrap.cjs",
-  "module": "dist/bootstrap.js",
-  "unpkg": "dist/bootstrap.cjs",
+  "main": "dist/theme.umd.cjs",
+  "module": "dist/theme.js",
+  "unpkg": "dist/theme.umd.cjs",
   "types": "dist/types/theme.d.ts",
   "sideEffects": [
     "*.css",
     "*.scss"
   ],
+  "exports": {
+    ".": {
+      "import": "./dist/theme.js"
+    },
+    "./style.css": "./dist/theme.css",
+    "./style.scss": "./dist/scss/theme.scss"
+  },
   "files": [
     "dist"
   ],
@@ -62,7 +69,6 @@
     "sass": "1.93.2",
     "stylelint": "^16.25.0",
     "stylelint-config-recommended-scss": "^16.0.2",
-    "terser": "^5.44.0",
     "typescript": "5.9.3",
     "vite": "7.1.10",
     "vite-plugin-banner": "^0.8.1",

package.json

@@ -1,6 +1,6 @@
-/*************************************
-*   Oruga Theme Boostrap Full Build
-**************************************/
+/**********************
+*   Theme Full Build
+***********************/
 
 // import bootstrap functions first (so you can manipulate colors, SVGs, calc, etc)
 @import "bootstrap/scss/functions";
@@ -15,5 +15,5 @@
 // import bootstrap styles
 @import "bootstrap/scss/bootstrap";
 
-// import oruga theme styles
+// import theme styles
 @import "./bootstrap";

src/assets/scss/bootstrap-build.scss src/assets/scss/theme-build.scsssrc/assets/scss/bootstrap-build.scss renamed to src/assets/scss/theme-build.scss

@@ -1,15 +1,15 @@
-/**************************
-*   Oruga Theme Boostrap 
-***************************/
+/******************
+*   Theme Styles
+*******************/
 
-// Globals, utility and functions
+// import globals, utilities and functions
 @import "utils/animations";
 @import "utils/functions";
 @import "utils/utility";
 @import "utils/root";
 @import "utils/base";
 
-// Oruga components
+// import theme components
 @import "components/autocomplete";
 @import "components/breadcrumb";
 @import "components/button";

src/assets/scss/bootstrap.scss src/assets/scss/theme.scsssrc/assets/scss/bootstrap.scss renamed to src/assets/scss/theme.scss

@@ -1,4 +1,4 @@
-// This file is intended to the be the main entrypoint for the theme's rollup build.
+// This file is intended to the be the main entrypoint for the theme's build.
 
-import "./assets/scss/bootstrap-build.scss";
+import "./assets/scss/theme-build.scss";
 export * from "./plugins/theme.ts";

src/build.ts

@@ -13,7 +13,7 @@ import "@oruga-ui/examples/dist/examples.css";
 import { bootstrapConfig } from "./plugins/theme";
 
 // add theme styles
-import "./assets/scss/bootstrap-build.scss";
+import "./assets/scss/theme-build.scss";
 
 createApp(App)
     .use(router)

src/main.ts

@@ -53,19 +53,17 @@ export default defineConfig(({ mode }) => {
             build: {
                 emptyOutDir: true,
                 copyPublicDir: false,
-                minify: "terser",
                 lib: {
                     entry: resolve(__dirname, "src/build.ts"),
                     name: "OrugaThemeBootstrap",
-                    fileName: "bootstrap",
-                    formats: ["es", "cjs", "umd"],
+                    fileName: "theme",
+                    cssFileName: "theme",
                 },
                 rollupOptions: {
                     // make sure to externalize deps that shouldn't be bundled
                     // into your library
                     external: ["vue", /oruga\/.*/],
                     output: {
-                        assetFileNames: "bootstrap.[ext]",
                         // Provide global variables to use in the UMD build
                         // for externalized deps
                         globals: {
@@ -75,14 +73,11 @@ export default defineConfig(({ mode }) => {
                 },
             },
             css: {
-                // rename default `style.css` to `bootstrap.css`
-                postcss: { to: "bootstrap.css" },
                 preprocessorOptions: {
                     includePaths: ["node_modules"],
                     scss: {
                         // this can be removed with bootstrap 5.4 (https://github.com/twbs/bootstrap/issues/40962)
                         silenceDeprecations: [
-                            "mixed-decls",
                             "color-functions",
                             "global-builtin",
                             "import",