@vue-ui-kit/ant 1.8.4 → 1.8.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +78 -1
- package/package.json +8 -12
package/README.md
CHANGED
|
@@ -86,13 +86,90 @@ export default {
|
|
|
86
86
|
css: {
|
|
87
87
|
preprocessorOptions: {
|
|
88
88
|
scss: {
|
|
89
|
-
additionalData: `@import '@vue-ui-kit/ant/style.scss';`
|
|
89
|
+
additionalData: `@import '@vue-ui-kit/ant/dist/style.scss';`
|
|
90
90
|
}
|
|
91
91
|
}
|
|
92
92
|
}
|
|
93
93
|
}
|
|
94
94
|
```
|
|
95
95
|
|
|
96
|
+
## 🎯 样式文件导入 - 故障排除指南
|
|
97
|
+
|
|
98
|
+
如果遇到样式文件导入问题，请按顺序尝试以下方法：
|
|
99
|
+
|
|
100
|
+
### 方法1: 标准导入（推荐）
|
|
101
|
+
```typescript
|
|
102
|
+
import '@vue-ui-kit/ant/style.scss';
|
|
103
|
+
// 或
|
|
104
|
+
import '@vue-ui-kit/ant/style.css';
|
|
105
|
+
```
|
|
106
|
+
|
|
107
|
+
### 方法2: 完整路径导入
|
|
108
|
+
```typescript
|
|
109
|
+
import '@vue-ui-kit/ant/dist/style.scss';
|
|
110
|
+
// 或
|
|
111
|
+
import '@vue-ui-kit/ant/dist/style.css';
|
|
112
|
+
```
|
|
113
|
+
|
|
114
|
+
### 方法3: SCSS @use 语法
|
|
115
|
+
```scss
|
|
116
|
+
@use '@vue-ui-kit/ant/style.scss';
|
|
117
|
+
// 或者使用完整路径
|
|
118
|
+
@use '@vue-ui-kit/ant/dist/style.scss';
|
|
119
|
+
```
|
|
120
|
+
|
|
121
|
+
### 方法4: 在 style 标签中
|
|
122
|
+
```vue
|
|
123
|
+
<style lang="scss">
|
|
124
|
+
@import '@vue-ui-kit/ant/style.scss';
|
|
125
|
+
</style>
|
|
126
|
+
```
|
|
127
|
+
|
|
128
|
+
### 方法5: Vite 配置导入
|
|
129
|
+
```javascript
|
|
130
|
+
// vite.config.js
|
|
131
|
+
export default defineConfig({
|
|
132
|
+
css: {
|
|
133
|
+
preprocessorOptions: {
|
|
134
|
+
scss: {
|
|
135
|
+
additionalData: `@import '@vue-ui-kit/ant/dist/style.scss';`
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
})
|
|
140
|
+
```
|
|
141
|
+
|
|
142
|
+
### 方法6: Webpack 配置
|
|
143
|
+
```javascript
|
|
144
|
+
// webpack.config.js 或 vue.config.js
|
|
145
|
+
module.exports = {
|
|
146
|
+
css: {
|
|
147
|
+
loaderOptions: {
|
|
148
|
+
sass: {
|
|
149
|
+
additionalData: `@import '@vue-ui-kit/ant/dist/style.scss';`
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
```
|
|
155
|
+
|
|
156
|
+
### 🔧 调试步骤
|
|
157
|
+
|
|
158
|
+
1. **检查包版本**: 确保使用 `@vue-ui-kit/ant@1.8.4` 或更高版本
|
|
159
|
+
2. **验证文件存在**: 检查 `node_modules/@vue-ui-kit/ant/dist/` 目录下是否有 `style.scss` 和 `style.css`
|
|
160
|
+
3. **检查构建工具**: 确保您的构建工具支持处理 `.scss` 文件
|
|
161
|
+
4. **清除缓存**: 删除 `node_modules` 和 lock 文件后重新安装
|
|
162
|
+
|
|
163
|
+
### 📦 包内容确认
|
|
164
|
+
安装后可以在以下位置找到样式文件：
|
|
165
|
+
```
|
|
166
|
+
node_modules/@vue-ui-kit/ant/
|
|
167
|
+
├── dist/
|
|
168
|
+
│ ├── style.css # 编译后的CSS
|
|
169
|
+
│ └── style.scss # SCSS源文件(已内联variables)
|
|
170
|
+
└── src/packages/styles/ # 源文件(开发时参考)
|
|
171
|
+
```
|
|
172
|
+
|
|
96
173
|
```tsx
|
|
97
174
|
/*kit.tsx*/
|
|
98
175
|
import UIKit from '@vue-ui-kit/ant';
|
package/package.json
CHANGED
|
@@ -1,29 +1,25 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vue-ui-kit/ant",
|
|
3
|
-
"version": "1.8.
|
|
3
|
+
"version": "1.8.5",
|
|
4
4
|
"description": "Vue3 UI Kit based on Ant Design",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/cjs/index.js",
|
|
7
7
|
"module": "./dist/es/index.js",
|
|
8
8
|
"types": "./dist/index.d.ts",
|
|
9
|
+
"style": "./dist/style.css",
|
|
10
|
+
"sass": "./dist/style.scss",
|
|
9
11
|
"exports": {
|
|
10
12
|
".": {
|
|
11
13
|
"require": "./dist/cjs/index.js",
|
|
12
14
|
"import": "./dist/es/index.js",
|
|
13
15
|
"types": "./dist/index.d.ts"
|
|
14
16
|
},
|
|
15
|
-
"./style.css"
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
"default": "./dist/style.css"
|
|
19
|
-
},
|
|
20
|
-
"./style.scss": {
|
|
21
|
-
"import": "./dist/style.scss",
|
|
22
|
-
"require": "./dist/style.scss",
|
|
23
|
-
"default": "./dist/style.scss"
|
|
24
|
-
},
|
|
17
|
+
"./style": "./dist/style.css",
|
|
18
|
+
"./style.css": "./dist/style.css",
|
|
19
|
+
"./style.scss": "./dist/style.scss",
|
|
25
20
|
"./dist/style.css": "./dist/style.css",
|
|
26
|
-
"./dist/style.scss": "./dist/style.scss"
|
|
21
|
+
"./dist/style.scss": "./dist/style.scss",
|
|
22
|
+
"./package.json": "./package.json"
|
|
27
23
|
},
|
|
28
24
|
"files": [
|
|
29
25
|
"dist",
|