我的应用程序有两个入口点,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的工作方式?