fix: 修复打包配置文件 💩💩

FightingDesign · Aug 9, 2022 · 39079a8 · 39079a8
1 parent c7a225e
commit 39079a8
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 8 deletions.
diff --git a/packages/fighting-design/package.json b/packages/fighting-design/package.json
@@ -1,6 +1,6 @@
 {
   "name": "fighting-design",
-  "version": "0.5.1-bate.1",
+  "version": "0.5.1-bate.2",
   "description": "Fighting design is a Vue3 lightweight component library written with TypeScript + Template.",
   "keywords": [
     "fighting",
@@ -10,8 +10,14 @@
     "components",
     "ui"
   ],
-  "main": "./lib/index.lib.js",
-  "module": "./es/index.es.js",
+  "main": "./lib/index.js",
+  "module": "./es/index.js",
+  "exports": {
+    ".": {
+      "require": "./lib/index.js",
+      "import": "./es/index.js"
+    }
+  },
   "author": {
     "name": "tyh2001",
     "url": "https://tianyuhao.cn"
@@ -22,4 +28,4 @@
   },
   "homepage": "https://fighting.tianyuhao.cn",
   "repository": "https://github.com/FightingDesign/fighting-design"
-}
+}
diff --git a/start/main.ts b/start/main.ts
@@ -7,6 +7,7 @@ import '@fighting-design/fighting-theme'
 
 // 打包阶段引入
 import FightingDesign from '../dist'
+// import FightingDesign from '../dist/es/index'
 // import '../dist/dist/style.css'
 
 console.log(FightingDesign)

diff --git a/vite.config.lib.ts b/vite.config.lib.ts
@@ -13,26 +13,34 @@ export default (): UserConfigExport => {
       vueSetupExtend(),
       vue(),
       dts({
+        insertTypesEntry: false,
+        cleanVueFileName: true,
         copyDtsFiles: true
       }),
       Components({
         dts: resolve(__dirname, '/packages/fighting-components/components.d.ts')
       })
     ],
+    mode: 'production',
     build: {
+      target: 'modules',
+      minify: false,
+      chunkSizeWarningLimit: 2,
+      reportCompressedSize: false,
       outDir: resolve(__dirname, 'dist/lib'),
       lib: {
         entry: resolve(__dirname, 'packages/fighting-components/index.ts'),
         formats: ['cjs'],
-        fileName: (target): string => {
-          return `index.${target}.js`
+        fileName: (): string => {
+          return 'index.js'
         }
       },
       rollupOptions: {
         external: ['vue'],
         preserveModules: true,
         output: {
           format: 'cjs',
+          preserveModules: true,
           globals: {
             vue: 'Vue'
           }

diff --git a/vite.config.ts b/vite.config.ts
@@ -13,28 +13,34 @@ export default (): UserConfigExport => {
       vueSetupExtend(),
       vue(),
       dts({
+        insertTypesEntry: false,
+        cleanVueFileName: true,
         copyDtsFiles: true // 是否将 .d.ts 源文件复制到 outputDir 中
       }),
       Components({
         dts: resolve(__dirname, '/packages/fighting-components/components.d.ts')
       })
     ],
+    mode: 'production',
     build: {
+      target: 'modules',
+      minify: false, // 压缩
       chunkSizeWarningLimit: 2, // 超过 2kb 警告提示
       reportCompressedSize: false,
       outDir: resolve(__dirname, 'dist/es'),
       lib: {
         entry: resolve(__dirname, 'packages/fighting-components/index.ts'),
         formats: ['es'],
-        fileName: (target): string => {
-          return `index.${target}.js`
+        fileName: (): string => {
+          return 'index.js'
         }
       },
       rollupOptions: {
         external: ['vue'],
         preserveModules: true,
         output: {
           format: 'es',
+          preserveModules: true, // 让打包目录和目录对应
           globals: {
             vue: 'Vue'
           }