我的应用程序有两个入口点,vite-config.js
设置如下:
export default defineConfig({ build: { emptyOutDir: false, manifest: true, outDir: 'dist', rollupOptions: { input: { app: '/src/app/app.js', pub: '/src/app/pub.js' } }, commonjsOptions: { include: [] } }, optimizeDeps: { disabled: false }, plugins: [vue()] })
这将生成1manifest.json
文件,dist文件夹中相应的app.css/js
/pub.css/js
,以及我的应用程序引用的任何其他资产(如图像)。
偶尔,运行vite build
会在我的dist文件夹中产生一组额外的CSS/JS文件。这个额外的文件集是我的代码库或node_modules中的一个随机组件或JS文件,通常会包含一堆应该在dist/app.js
中的代码。我拼命想弄清楚这件事。我已经从Vite 3更新到4,并尝试了配置文件的所有调整。下面是一个示例,其中InputRadios是我的repo中的一个组件,它包含了我的大部分应用程序代码。
[dist] [assets] - app.css - app.js - InputRadios.js - InputRadios.css - logo.svg - pub.js - pub.css
如果我注释掉对InputRadios.vue
的任何引用,那么例如VueRouter.css/js
会出现在dist文件夹中。如果我注释掉VueRouter
,就会显示在我的代码库中导入的其他随机文件。
这是按照我预期的方式工作,还是我误解了rollupOptions
的工作方式?