Vite库模式入口点

Question

My vite config looks like this. I want to have two entry points, as you can see in build.lib.entry I have the entry for my library, in this case src/main.js, but I would also like to have one entry for my project because I am testing locally.

// 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'
        }
      }
    }
  }
}

I tried adding the following code inside module.exports, but it didn'T work.

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

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

Answer 1

貌似vite不支持多条目。您可以使用两个 vite 配置文件。

例如。包.json：

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