vue.js - Vite 库模式入口点

Question

我的 vite 配置看起来像这样。我想要两个入口点，正如您在 build.lib.entry 中看到的那样本地测试。

// vite.config.js
const path = require('path')

module.exports = {
  build: {
    lib: {
      entry: path.resolve(__dirname, 'src/main.js'),
      name: 'MyLib'
    },
    rollupOptions: {
      // make sure to externalize deps that shouldn't be bundled
      // into your library
      external: ['vue'],
      output: {
        // Provide global variables to use in the UMD build
        // for externalized deps
        globals: {
          vue: 'Vue'
        }
      }
    }
  }
}

我尝试在 module.exports 中添加以下代码，但没有成功。

entry: path.resolve(__dirname, 'src/app.js'),

https://vitejs.dev/guide/build.html#library-mode

Answer 1

在 github 上的 vite 讨论中，您似乎是用这样的方法来做的。 https://github.com/vitejs/vite/discussions/1736#discussioncomment-413068

  build: {
    rollupOptions: {
      input: {
        'entry-point-a': path.resolve(__dirname, 'src/entry-point-a.tsx'),
        'entry-point-b': path.resolve(__dirname, 'src/entry-point-b.tsx'),
      },
    }
  },

Answer 2

看起来 vite 不支持多个条目。您可以使用两个 vite 配置文件。

例如。包.json：

  "scripts": {
    "build": "vite build --config vite.config.js",
    "build:lib": "vite build --config vite-lib.config.js",
  },