fix: update import paths for styles in documentation and package configuration

kieranwv · kieranwv · commit c58d8d28bd5d · 2025-05-07T16:26:54.000+08:00
diff --git a/docs/en/guide/getting-started.md b/docs/en/guide/getting-started.md
@@ -29,7 +29,7 @@ If you're not concerned about the final bundle size, using full import is more c
 import StarterLibVue3 from 'starter-lib-vue3'
 import { createApp } from 'vue'
 import App from './App.vue'
-import 'starter-lib-vue3/style.css'
+import 'starter-lib-vue3/style'
 
 const app = createApp(App)
 
@@ -93,7 +93,7 @@ Now you can directly use starter-lib-vue3 components in SFC files, and their sty
 <script>
 // No need to manually import :P
 // import { StSayHello } from 'starter-lib-vue3'
-// import 'starter-lib-vue3/dist/es/say-hello/SayHello.css'
+// import 'starter-lib-vue3/dist/es/say-hello/style.css'
 </script>
 
 <template>
@@ -108,7 +108,7 @@ You can manually import the components you need (components consist of logic fil
 ```vue
 <script>
 import { StSayHello } from 'starter-lib-vue3'
-import 'starter-lib-vue3/dist/es/say-hello/SayHello.css'
+import 'starter-lib-vue3/dist/es/say-hello/style.css'
 
 export default {
   components: { StSayHello },
@@ -138,14 +138,12 @@ Different CDN providers have different import methods. Here we use unpkg as an e
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>starter-lib-vue3</title>
-  <link rel="stylesheet" href="https://unpkg.com/starter-lib-vue3/dist/style.css">
 </head>
 
 <body>
   <div id="app"></div>
 
   <script src="https://unpkg.com/starter-lib-vue3"></script>
-  <script src="./wxdata-ui.umd.cjs"></script>
   <script>
     const app = Vue.createApp({
       template: '<StSayHello name="Kieran" />'
diff --git a/docs/zh/guide/getting-started.md b/docs/zh/guide/getting-started.md
@@ -29,7 +29,7 @@ pnpm install starter-lib-vue3
 import StarterLibVue3 from 'starter-lib-vue3'
 import { createApp } from 'vue'
 import App from './App.vue'
-import 'starter-lib-vue3/style.css'
+import 'starter-lib-vue3/style'
 
 const app = createApp(App)
 
@@ -93,7 +93,7 @@ export default defineConfig({
 <script>
 // 无需手动引入 :P
 // import { StSayHello } from 'starter-lib-vue3'
-// import 'starter-lib-vue3/dist/es/say-hello/SayHello.css'
+// import 'starter-lib-vue3/dist/es/say-hello/style.css'
 </script>
 
 <template>
@@ -108,7 +108,7 @@ export default defineConfig({
 ```vue
 <script>
 import { StSayHello } from 'starter-lib-vue3'
-import 'starter-lib-vue3/dist/es/say-hello/SayHello.css'
+import 'starter-lib-vue3/dist/es/say-hello/style.css'
 
 export default {
   components: { StSayHello },
@@ -138,14 +138,12 @@ export default {
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>starter-lib-vue3</title>
-  <link rel="stylesheet" href="https://unpkg.com/starter-lib-vue3/dist/style.css">
 </head>
 
 <body>
   <div id="app"></div>
 
   <script src="https://unpkg.com/starter-lib-vue3"></script>
-  <script src="./wxdata-ui.umd.cjs"></script>
   <script>
     const app = Vue.createApp({
       template: '<StSayHello name="Kieran" />'
diff --git a/package.json b/package.json
@@ -27,12 +27,13 @@
     ".": {
       "types": "./dist/es/index.d.ts",
       "import": "./dist/es/index.js",
-      "require": "./dist/lib/index.cjs"
+      "require": "./dist/lib/index.js"
     },
     "./*": "./*",
-    "./volar": "./dist/volar.d.ts"
+    "./volar": "./dist/volar.d.ts",
+    "./style": "./dist/es/style.css"
   },
-  "main": "dist/lib/index.cjs",
+  "main": "dist/lib/index.js",
   "module": "dist/es/index.js",
   "unpkg": "dist/umd/index.js",
   "jsdelivr": "dist/umd/index.js",
@@ -85,7 +86,7 @@
     "typescript": "^5.8.3",
     "unplugin-vue-components": "^28.5.0",
     "vite": "^6.3.5",
-    "vite-plugin-bundle-styles": "0.1.0-beta.1",
+    "vite-plugin-bundle-styles": "^0.1.0",
     "vite-plugin-dts": "^4.5.3",
     "vite-plugin-static-copy": "^2.3.1",
     "vitepress": "^1.6.3",
diff --git a/vite.config.ts b/vite.config.ts
@@ -110,12 +110,6 @@ export default defineConfig({
           globals: {
             vue: 'Vue',
           },
-          assetFileNames: (assetInfo) => {
-            if (assetInfo.names && assetInfo.names.some(name => name.endsWith('.css'))) {
-              return path.join(path.dirname(assetInfo.names[0]), 'style.css')
-            }
-            return '[name].[ext]'
-          },
         },
       ],
     },
