我有一个具有多个页面的Vue项目,我使用rollupOptions.input将其指定为入口点:

rollupOptions: {
    input: {
        main: resolve(__dirname, "index.html"),
        subpage1: resolve(__dirname, "subpage1/index.html"),
        subpage2: resolve(__dirname, "subpage2/index.html")
    }
},

最终dist文件夹将部署在服务器的子目录中,

├── index.html
├── assets
    ├── main.35431485.css
    └── ...
└── subpage1
    └── index.html

因此,subpage1/assets/main.35431485.css根本不起作用.

推荐答案

这是一个已知的问题,将是fixed in vite 3.0.3.0版本似乎还有很多问题要解决,但希望它能在2022年的某个时候发布.目前唯一的方法是拥有一个静态的基本路径,更改为一些SPA方法,或者使用另一个构建工具.

Vue.js相关问答推荐

Vuetify右侧并排switch

如何向 添加方法和 v-model?

Vue 3 如何通过多个组件传递插槽

Vuetify/Nuxt 生产环境组件在开发环境中无法正常工作

使用 cypress 进行 e2e 测试的 vuejs 期间出现 Webpack 错误

无需直接 DOM 操作即可绘制d3-axis

v-for 内部的组件

如何在 vue 的 scss 中使用深度 Select 器

在下拉菜单上使用箭头键滚动

W3C 验证和 Vue 的 HTML 绑定语法

Nuxt 打开链接到模态

Vue路由保持活动和挂载行为

Proxy代理在 Vue 3 的控制台中是什么意思?

取消选中单选按钮

如何避免在 Vue 中一直写 this.$store.state.donkey 的需要?

Vue JS 在渲染前等待数据

执行调度程序刷新期间未处理的错误,这可能是一个 Vue 内部错误

Vue.js 中的 CSS 框架

Vue Cli 3:定义的输出路径

如何使用 Vuetify 验证复选框组