vite 中配置打包入口

Jiang_JY

已于 2024-02-24 11:17:10 修改

阅读量899

点赞数 10

分类专栏：前端 vue javascript 文章标签： vite vue 前端

于 2024-02-24 10:59:15 首次发布

本文链接：https://blog.csdn.net/jiangjunyuan168/article/details/136269052

版权

前端同时被 3 个专栏收录

117 篇文章 7 订阅

订阅专栏

vue

79 篇文章 1 订阅

订阅专栏

javascript

59 篇文章 1 订阅

订阅专栏

本文详细解释了如何在vite.config.ts文件中配置build属性，特别是关于lib部分的entry、name和fileName设置，以及如何使用rollupOptions控制外部依赖和UMD输出模式。

摘要由CSDN通过智能技术生成

vite.config.ts 文件中对 build 属性进行配置，代码如下：

export default defineConfig({
  build: {
    lib: {
      entry: resolve(__dirname, 'src/packages/index.js'),// 入口地址
      name: 'test-build',  // 项目名
      fileName: 'test-build' // 打包生成的文件名
    },
    rollupOptions: {
      // 不需要打包进库的依赖，忽略vue
      external: ['vue'],
      output: {
        // UMD构建模式下为这些外部的依赖提供一个全局变量
        globals: {
          vue: 'Vue'
        }
      }
    }
  },
})