首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何避免vite构建删除"dist“目录中的内容?

如何避免vite构建删除"dist“目录中的内容?
EN

Stack Overflow用户
提问于 2022-02-05 03:45:26
回答 1查看 2.9K关注 0票数 9

我想通过vite创建多个库,所以我首先尝试"rollupOptions“。喜欢,

代码语言:javascript
复制
import { defineConfig } from 'vite'

export default defineConfig({
  build: {
    rollupOptions: {
      input: {
        "qy-viewer": 'src/qy-viewer.ts',
        "qy-swiper": 'src/qy-swiper.ts'
      }
    }
  }
})

但是这会产生有趣的结果,包括类似散列的字符串,比如qy-swiper.f3fc032d.js

这是没用的,所以我放弃了这个方法。

接下来,我尝试准备多个vite配置文件。喜欢,

vite.qy-swiper.config.ts

代码语言:javascript
复制
import { defineConfig } from 'vite'

export default defineConfig({
  build: {
    lib: {
      entry: 'src/qy-swiper.ts',
      name: 'QySwiper',
      fileName: (format) => `qy-swiper.${format}.js`
    },
    rollupOptions: {
    }
  }
})

vite.qy-viewer.config.ts

代码语言:javascript
复制
import { defineConfig } from 'vite'

export default defineConfig({
  build: {
    lib: {
      entry: 'src/qy-viewer.ts',
      name: 'QyViewer',
      fileName: (format) => `qy-viewer.${format}.js`
    },
    rollupOptions: {
    }
  }
})

package.json

代码语言:javascript
复制
{
  "scripts": {
    "build:swiper": "tsc && vite build --config vite.qy-swiper.config.ts",
    "build:viewer": "tsc && vite build --config vite.qy-viewer.config.ts",
    "build:lib": "npm run build:swiper && npm run build:viewer"
  },
}

当我独立执行npm run build:swipernpm run build:viewer时,这很好,但是一旦执行了npm run build:lib,就只创建了qy-查看器。

是否有办法避免vite build删除dist目录中的文件?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-02-05 07:17:51

build.emptyOutDir设置为false

代码语言:javascript
复制
import { defineConfig } from 'vite'

export default defineConfig({
  build: {
    emptyOutDir: false,
  },
  ⋮
})
票数 19
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/70995121

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档