build: 更新打包配置 🦚🦚

FightingDesign · Aug 8, 2022 · 600f3dd · 600f3dd
1 parent 1d2d496
commit 600f3dd
Show file tree

Hide file tree

Showing 11 changed files with 27 additions and 43 deletions.
diff --git a/package.json b/package.json
@@ -36,7 +36,6 @@
     "@fighting-design/fighting-components": "workspace:*",
     "@fighting-design/fighting-theme": "workspace:*",
     "@vitejs/plugin-vue": "^2.3.1",
-    "@vue/runtime-core": "^3.2.37",
     "@vue/test-utils": "^2.0.0-rc.18",
     "commitizen": "^4.2.4",
     "cz-conventional-changelog": "^3.3.0",

diff --git a/packages/fighting-components/_interface/button.d.ts b/packages/fighting-components/_interface/button.d.ts
@@ -1,3 +1,5 @@
+import type { buttonType } from '../button/src/interface'
+
 export interface RipplesInterface {
   evt: buttonEventInterface
   node: HTMLElement

diff --git a/packages/fighting-components/_interface/image.d.ts b/packages/fighting-components/_interface/image.d.ts
@@ -1,3 +1,5 @@
+import type { imageFit } from '../image/src/interface'
+
 export interface LazyInterface {
   observer(): IntersectionObserver
   lazyCreateImg(): void

diff --git a/packages/fighting-components/_interface/watermark.d.ts b/packages/fighting-components/_interface/watermark.d.ts
@@ -1,6 +1,6 @@
 export interface createBase64Interface {
   (
-    content = '',
+    content: string,
     width: number,
     height: number,
     fontSize: string,

diff --git a/packages/fighting-components/components.d.ts b/packages/fighting-components/components.d.ts
@@ -1,6 +1,4 @@
-import '@vue/runtime-core'
-
-declare module '@vue/runtime-core' {
+declare module 'vue' {
   export interface GlobalComponents {
     FButton: typeof import('./button/src/button.vue')['default']
     FButtonGroup: typeof import('./button-group/src/button-group.vue')['default']

diff --git a/packages/fighting-components/message/src/interface.d.ts b/packages/fighting-components/message/src/interface.d.ts
@@ -1,3 +1,4 @@
+import type { Props } from './message'
 import type { ExtractPropTypes, ComponentInternalInstance } from 'vue'
 
 export interface FMessageInstance {

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/start/main.ts b/start/main.ts
@@ -2,11 +2,11 @@ import { createApp } from 'vue'
 import App from './src/App.vue'
 
 // 开发阶段引入
-import FightingDesign from '@fighting-design/fighting-components'
+// import FightingDesign from '@fighting-design/fighting-components'
 import '@fighting-design/fighting-theme'
 
 // 打包阶段引入
-// import FightingDesign from '../dist'
+import FightingDesign from '../dist'
 // import '../dist/dist/style.css'
 
 console.log(FightingDesign)

diff --git a/vite.config.lib.ts b/vite.config.lib.ts
@@ -25,25 +25,20 @@ export default (): UserConfigExport => {
       rollupOptions: {
         external: ['vue'],
         input,
-        output: [
-          {
-            format: 'cjs',
-            dir: 'dist/lib',
-            entryFileNames: '[name].js',
-            preserveModules: true,
-            preserveModulesRoot: 'components'
+        output: {
+          format: 'cjs',
+          dir: 'dist/lib',
+          entryFileNames: '[name].js',
+          preserveModules: true,
+          preserveModulesRoot: 'components',
+          globals: {
+            vue: 'Vue'
           }
-        ]
+        }
       },
       lib: {
         entry: input,
         formats: ['cjs']
-      },
-      terserOptions: {
-        compress: {
-          drop_console: true,
-          drop_debugger: true
-        }
       }
     },
     plugins: [

diff --git a/vite.config.ts b/vite.config.ts
@@ -25,25 +25,20 @@ export default (): UserConfigExport => {
       rollupOptions: {
         external: ['vue'], // 忽略打包vue文件
         input,
-        output: [
-          {
-            format: 'es',
-            dir: 'dist/es',
-            entryFileNames: '[name].js',
-            preserveModules: true, // 让打包目录和我们目录对应
-            preserveModulesRoot: 'components' // 配置打包根目录
+        output: {
+          format: 'es',
+          dir: 'dist/es',
+          entryFileNames: '[name].js',
+          preserveModules: true, // 让打包目录和我们目录对应
+          preserveModulesRoot: 'components', // 配置打包根目录
+          globals: {
+            vue: 'Vue'
           }
-        ]
+        }
       },
       lib: {
         entry: input,
         formats: ['es']
-      },
-      terserOptions: {
-        compress: {
-          drop_console: true,
-          drop_debugger: true
-        }
       }
     },
     plugins: [

diff --git a/vite.config.umd.ts b/vite.config.umd.ts
@@ -24,12 +24,6 @@ export default (): UserConfigExport => {
             vue: 'Vue'
           }
         }
-      },
-      terserOptions: {
-        compress: {
-          drop_console: true,
-          drop_debugger: true
-        }
       }
     }
   }