update : local import readme.md

Author: xiaoxustudio

README.md

@@ -48,6 +48,31 @@ pnpm build
 
 3. 本地引入打包的源代码
 
+cd到你构建好的目录（默认是dist），然后输入以下命令
+
+```sh
+pnpm link -g # 当前是在构建好的dist目录下
+```
+
+然后在你需要使用的项目中添加刚才link的包
+
+```sh
+pnpm link -g licht-ui # 你需要使用licht-ui的项目下
+```
+
+最后在项目入口处全局导入
+
+```ts
+import { createApp } from "vue";
+import LichtUI from "licht-ui/components"; // 导入组件
+import "licht-ui/style/style.css"; // 导入样式
+import "./style.css";
+import App from "./App.vue";
+
+createApp(App).use(LichtUI).mount("#app");
+```
+
+
 
 ## 关于
 

dist.json

@@ -1,5 +1,5 @@
 {
-	"name": "licht-design",
+	"name": "licht-ui",
 	"version": "1.0.0",
 	"description": "Licht UI 是一个基于Vue3开发的轻量级组件库",
 	"scripts": {

package.json

@@ -1,5 +1,5 @@
 {
-	"name": "licht-design",
+	"name": "licht-ui",
 	"version": "1.0.0",
 	"description": "Licht UI 是一个基于Vue3开发的轻量级组件库",
 	"scripts": {
@@ -32,6 +32,7 @@
 		"@licht-ui/components": "workspace:^",
 		"@licht-ui/theme-chalk": "workspace:^",
 		"@licht-ui/utils": "workspace:^",
+		"dist": "link:E:/编程练习/LichtUI/dist",
 		"lodash-unified": "^1.0.3",
 		"shiki": "^1.22.2",
 		"typescript": "^5.6.3",

packages/components/avatar/src/avatar.ts

@@ -9,9 +9,7 @@ export const avatarProp = {
 		type: String as PropType<(typeof sizeProp)[number]>,
 		default: "middle",
 	},
-	styleImg: {
-		type: Object as PropType<StyleValue>,
-	},
+	styleImg: Object as PropType<StyleValue>,
 	name: String,
 	src: String,
 	round: Boolean,

packages/components/package.json

@@ -1,9 +1,9 @@
 {
 	"name": "@licht-ui/components",
 	"version": "1.0.0",
-	"main": "index.js",
-	"module": "index.js",
-	"types": "types/index.d.ts",
+	"main": "./index.es.js",
+	"module": "./index.es.js",
+	"types": "./index.d.ts",
 	"description": "",
 	"keywords": [],
 	"author": "",

packages/theme-chalk/package.json

@@ -2,6 +2,8 @@
 	"name": "@licht-ui/theme-chalk",
 	"version": "1.0.0",
 	"description": "",
+	"main": "./index.es.js",
+	"module": "./index.es.js",
 	"types": "./index.d.ts",
 	"keywords": [],
 	"author": "",

pnpm-lock.yaml

@@ -1,7 +1,8 @@
-import { readdirSync, copyFileSync } from "fs";
+import { readdirSync, copyFileSync, mkdirSync } from "fs";
 import { build, defineConfig } from "vite";
 import vue from "@vitejs/plugin-vue";
 import dts from "vite-plugin-dts";
+import { copyDirSync, deleteFolderRecursive } from "./utiles";
 
 const DefineOptions = require("unplugin-vue-define-options/vite");
 const path = require("path");
@@ -41,17 +42,22 @@ async function main() {
 				}),
 			],
 			build: {
-				commonjsOptions: {
-					include: [/docs/, /node_modules/, /play/],
-				},
 				lib: {
 					entry,
 					name: "licht-ui",
 					fileName: (format: any) => `index.${format}.js`,
-					formats: ["cjs", "es", "umd"],
+					formats: ["es", "umd"],
 				},
 				outDir: packageOutDir,
 				emptyOutDir: true,
+				chunkSizeWarningLimit: 1500,
+				terserOptions: {
+					compress: {
+						drop_console: true,
+
+						drop_debugger: true,
+					},
+				},
 				rollupOptions: {
 					external: ["vue"],
 					output: {
@@ -68,6 +74,12 @@ async function main() {
 			resolve(packageRoot + "/package.json"),
 			resolve(`./${buildDir}/${i}/package.json`)
 		);
+		mkdirSync(resolve(`./${buildDir}/style`), { recursive: true });
+		copyDirSync(
+			resolve(`${packageOutDir}/style`),
+			resolve(`./${buildDir}/style`)
+		);
+		deleteFolderRecursive(resolve(`${packageOutDir}/style`));
 	}
 }
 main();

script/build.ts

@@ -0,0 +1,48 @@
+import {
+	existsSync,
+	readdirSync,
+	lstatSync,
+	unlinkSync,
+	rmdirSync,
+	copyFileSync,
+} from "fs";
+const path = require("path");
+
+export function deleteFolderRecursive(path: string) {
+	if (existsSync(path)) {
+		readdirSync(path).forEach(function (file: string) {
+			const curPath = path + "/" + file;
+			if (lstatSync(curPath).isDirectory()) {
+				// recurse
+				deleteFolderRecursive(curPath);
+			} else {
+				// delete file
+				unlinkSync(curPath);
+			}
+		});
+		rmdirSync(path);
+	}
+}
+
+export function copyDirSync(src: string, dest: string) {
+	// 检查源目录是否存在
+	if (!existsSync(src)) {
+		return;
+	}
+
+	// 读取源目录内容
+	const entries = readdirSync(src, { withFileTypes: true });
+
+	for (let entry of entries) {
+		const srcPath = path.join(src, entry.name);
+		const destPath = path.join(dest, entry.name);
+
+		if (entry.isDirectory()) {
+			// 如果是目录，递归复制
+			copyDirSync(srcPath, destPath);
+		} else {
+			// 如果是文件，直接复制
+			copyFileSync(srcPath, destPath);
+		}
+	}
+}