fix: 1.修改打包方式因为本人太菜无法解决glub打,d,ts文件和快速打包问题

isMrFan · Jul 10, 2023 · f2a6373 · f2a6373
1 parent 64fb7a0
commit f2a6373
Show file tree

Hide file tree

Showing 23 changed files with 356 additions and 133 deletions.
diff --git a/docs/en/components/icon.md b/docs/en/components/icon.md
@@ -78,8 +78,6 @@ Using an SVG icon library can reduce project size and improve loading speed.
 
 <script setup lang="ts">
   import iconDom from './vueDome/icon/index.vue'
-  import { svgList } from '@dk-plus/components/_icon'
-  const { IconWeiXin } = svgList
+  import svgList from 'isIcon'
   const svgListLength=Object.keys(svgList).length
-  const expose = { IconWeiXin }
 </script>
diff --git a/docs/en/components/vueDome/icon/index.vue b/docs/en/components/vueDome/icon/index.vue
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { defineComponent } from 'vue'
-  import svgList from '@dk-plus/components/_icon'
+  import svgList from '../../../../../packages/components/_icon/index'
   export default defineComponent({
     name: 'VueDomeIcon',
     setup() {

diff --git a/docs/en/document/contributing.md b/docs/en/document/contributing.md
@@ -33,13 +33,6 @@ If you have completed the previous preparations, you can skip ahead and start fr
 ├── .github     # github配置文件
 ├── .husky      # 代码提交前检测
 ├── .vscode     # vscode配置文件
-├── build       #打npm包工程文件
-├── ├── utils   # 打包工具配置
-├── ├── component.ts  #文件输出配置
-├── ├── full-component.ts #打包文件输出过滤设置
-├── ├── gen-types.ts      #gulpfile设置
-├── ├── gulpfile.ts       #打包启动文件
-├── └─ packages.ts       #专门打包util ， 指令 ， hook的
 ├── coverage   #测试覆盖率
 ├── deploy          # 远程命令SSH上传到服务器配置
 ├── ├── config.js   # 远程命令SSH上传到服务器配置
@@ -132,13 +125,10 @@ If you have completed the previous preparations, you can skip ahead and start fr
 ├── ├── utils         # 存放工具方法
 ├── ├── theme-chalk   # 存放对应的样式,样式打包工具箱
 ├── ├── ├── src       # 存放对应的样式
-├── ├── ├── ├── mixins  # 全局class命名生成方法
-├── ├── ├── ├── ├── configuration # 私有组件样式配置
-├── └─  └─ gulpfile.ts # 打包工具
+├── ├── ├── mixins  # 全局class命名生成方法
+├── ├── ├── ├── configuration # 私有组件样式配置
 ├── ├── dk-setup-name      #  根据命令生成组件文件夹 暂未实现
 ├── ├── dk-eslint          #  项目内的eslint配置
-├── ├── dk-plus         # 出口文件
-├── └─ utils           # 项目打包辅助器
 ├── play      # 组件调试测试项目
 ├── ├──  node_modules  # play的依赖 测试目录
 ├── ├──  router        # 路由配置
@@ -170,6 +160,9 @@ If you have completed the previous preparations, you can skip ahead and start fr
 ├── package.json    # 项目配置文件
 ├── pnpm-lock.yaml  # pnpm配置文件
 ├── pnpm-workspace.yaml #pnpm配置文件
+├── vite.config.css.ts  # 打包css文件配置
+├── vite.config.theme.ts  # 打包css文件配置
+├── vite.config.ts  # vite配置文件打包配置
 └─  tsconfig.json # TS配置文件
 
 ```

diff --git a/docs/en/document/import.md b/docs/en/document/import.md
@@ -9,7 +9,7 @@ import { createApp } from 'vue'
 import App from './App.vue'
 
 import dkPlus from 'dk-plus'
-import 'dk-plus/theme-chalk/index.css'
+import 'dk-plus/dist/index.css'
 
 createApp(App).use(dkPlus).mount('#app')
 ```
@@ -42,7 +42,7 @@ You can also use the `UMD` mode to include `dk-plus` in your `*.html` file and q
 <head>
   <link
     rel="stylesheet"
-    href="https://cdn.jsdelivr.net/npm/dk-plus/theme-chalk/index.css"
+    href="https://cdn.jsdelivr.net/npm/dk-plus/dist/index.css"
   />
 </head>
 
@@ -55,7 +55,7 @@ You can also use the `UMD` mode to include `dk-plus` in your `*.html` file and q
     <dk-button type="warning">Warning Button</dk-button>
   </div>
   <script src="https://unpkg.com/vue@next/dist/vue.global.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/dk-plus"></script>
+  <script src="https://cdn.jsdelivr.net/npm/dk-plus/dist/index.umd.js"></script>
   <script type="module">
     const { createApp, ref } = Vue
     const app = createApp({

diff --git a/docs/en/document/mileage.md b/docs/en/document/mileage.md
@@ -1,5 +1,9 @@
 # milestone
 
+## 2023-07-10
+
+Because the next technical gulp packaging declaration file is always set doll leafing through a lot of documents failed to solve so changed to vite packaging
+
 ## 2023-06-21
 
 dk-plus Official website home page revision

diff --git a/docs/en/document/update.md b/docs/en/document/update.md
@@ -1,5 +1,9 @@
 # Update log
 
+## 1.0.22-alpha.1 (2023-07-10)
+
+- Change the packaging method. Change the reference method. See the Getting Started documentation
+
 ## 1.0.21-alpha.1 (2023-07-07)
 
 - BUG fix for `index.css` Style failure problem

diff --git a/docs/vite.config.ts b/docs/vite.config.ts
@@ -1,9 +1,15 @@
 import type { UserConfigExport } from 'vite'
+import { resolve } from 'path'
 export default (): UserConfigExport => {
   return {
     server: {
       port: 6099
     },
+    resolve: {
+      alias: {
+        isIcon: resolve(__dirname, '../packages/components/_icon/index.ts')
+      }
+    },
     optimizeDeps: {
       exclude: ['vitepress'],
       include: ['vue', '@vueuse/core']

diff --git a/docs/zh/components/icon.md b/docs/zh/components/icon.md
@@ -78,8 +78,6 @@
 
 <script setup lang="ts">
   import iconDom from './vueDome/icon/index.vue'
-  import { svgList } from '@dk-plus/components/_icon'
-  const { IconWeiXin } = svgList
+  import svgList from 'isIcon'
   const svgListLength=Object.keys(svgList).length
-  const expose = { IconWeiXin }
 </script>
diff --git a/docs/zh/components/vueDome/icon/index.vue b/docs/zh/components/vueDome/icon/index.vue
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { defineComponent } from 'vue'
-  import svgList from '@dk-plus/components/_icon'
+  import svgList from '../../../../../packages/components/_icon/index'
   export default defineComponent({
     name: 'VueDomeIcon',
     setup() {

diff --git a/docs/zh/document/contributing.md b/docs/zh/document/contributing.md
@@ -31,13 +31,6 @@
 ├── .github     # github配置文件
 ├── .husky      # 代码提交前检测
 ├── .vscode     # vscode配置文件
-├── build       #打npm包工程文件
-├── ├── utils   # 打包工具配置
-├── ├── component.ts  #文件输出配置
-├── ├── full-component.ts #打包文件输出过滤设置
-├── ├── gen-types.ts      #gulpfile设置
-├── ├── gulpfile.ts       #打包启动文件
-├── └─ packages.ts       #专门打包util ， 指令 ， hook的
 ├── coverage   #测试覆盖率
 ├── deploy          # 远程命令SSH上传到服务器配置
 ├── ├── config.js   # 远程命令SSH上传到服务器配置
@@ -130,13 +123,10 @@
 ├── ├── utils         # 存放工具方法
 ├── ├── theme-chalk   # 存放对应的样式,样式打包工具箱
 ├── ├── ├── src       # 存放对应的样式
-├── ├── ├── ├── mixins  # 全局class命名生成方法
-├── ├── ├── ├── ├── configuration # 私有组件样式配置
-├── └─  └─ gulpfile.ts # 打包工具
+├── ├── ├── mixins  # 全局class命名生成方法
+├── ├── ├── ├── configuration # 私有组件样式配置
 ├── ├── dk-setup-name      #  根据命令生成组件文件夹 暂未实现
 ├── ├── dk-eslint          #  项目内的eslint配置
-├── ├── dk-plus         # 出口文件
-├── └─ utils           # 项目打包辅助器
 ├── play      # 组件调试测试项目
 ├── ├──  node_modules  # play的依赖 测试目录
 ├── ├──  router        # 路由配置
@@ -168,6 +158,9 @@
 ├── package.json    # 项目配置文件
 ├── pnpm-lock.yaml  # pnpm配置文件
 ├── pnpm-workspace.yaml #pnpm配置文件
+├── vite.config.css.ts  # 打包css文件配置
+├── vite.config.theme.ts  # 打包css文件配置
+├── vite.config.ts  # vite配置文件打包配置
 └─  tsconfig.json # TS配置文件
 
 ```

diff --git a/docs/zh/document/import.md b/docs/zh/document/import.md
@@ -9,7 +9,7 @@ import { createApp } from 'vue'
 import App from './App.vue'
 
 import dkPlus from 'dk-plus'
-import 'dk-plus/theme-chalk/index.css'
+import 'dk-plus/dist/index.css'
 
 createApp(App).use(dkPlus).mount('#app')
 ```
@@ -42,7 +42,7 @@ createApp(App).use(DkIcon).use(DkShadow).use(DkButton).mount('#app')
 <head>
   <link
     rel="stylesheet"
-    href="https://cdn.jsdelivr.net/npm/dk-plus/theme-chalk/index.css"
+    href="https://cdn.jsdelivr.net/npm/dk-plus/dist/index.css"
   />
 </head>
 
@@ -55,7 +55,7 @@ createApp(App).use(DkIcon).use(DkShadow).use(DkButton).mount('#app')
     <dk-button type="warning">警告按钮</dk-button>
   </div>
   <script src="https://unpkg.com/vue@next/dist/vue.global.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/dk-plus"></script>
+  <script src="https://cdn.jsdelivr.net/npm/dk-plus/dist/index.umd.js"></script>
   <script type="module">
     const { createApp, ref } = Vue
     const app = createApp({

diff --git a/docs/zh/document/mileage.md b/docs/zh/document/mileage.md
@@ -1,5 +1,9 @@
 # 里程碑
 
+## 2023-07-10
+
+因为在下技术不才gulp 打包声明文件总是套娃翻阅很多文档未能解决因此改为vite 打包方式
+
 ## 2023-06-21
 
 dk-plus 官网首页改版

diff --git a/docs/zh/document/update.md b/docs/zh/document/update.md
@@ -1,5 +1,8 @@
 # 更新日志
 
+## 1.0.22-alpha.1 (2023-07-10)
+
+- 更换打包方式引用方式调整请看快速上手文档
 
 ## 1.0.21-alpha.1 (2023-07-07)