vite打包访问html
时间: 2024-01-05 11:03:13 浏览: 243
vite-plugin-html:一个用于处理html的vite插件。 它基于lodash模板开发
如果你使用 Vite 打包你的应用程序,并且想要访问生成的 HTML 文件,可以按照以下步骤操作:
1. 在你的项目根目录下创建一个名为 `public` 的文件夹。
2. 将你的 HTML 文件放在 `public` 文件夹内。
3. 在你的 Vite 配置文件中添加以下代码:
```javascript
export default {
// ...
build: {
outDir: 'dist',
rollupOptions: {
input: {
main: './index.html'
}
}
}
}
```
此处,我们假设你的 HTML 文件名叫做 `index.html`。
4. 运行 Vite 打包命令:`npm run build`。
5. 打包完成后,在 `dist` 文件夹内会生成一个名为 `index.html` 的文件,你可以通过浏览器访问该文件。
注意,如果你的 HTML 文件中引用了其他文件(例如 CSS、JavaScript 文件等),你需要将这些文件一起放在 `public` 文件夹内,或者在 HTML 文件中修改引用路径,使其指向正确的文件路径。
阅读全文