vite 打包 vue 项目,指定html输出路径
时间: 2023-06-26 18:09:54 浏览: 180
vue3+vite 组件打包
可以通过在 `vue.config.js` 中配置 `outputDir` 和 `indexPath` 来指定 HTML 输出路径。
首先,在项目根目录下创建一个名为 `vue.config.js` 的文件,如果已经存在则在其中添加如下配置:
```js
module.exports = {
outputDir: 'dist', // 打包输出目录
indexPath: 'my-custom-index.html' // HTML 输出路径,相对于 outputDir
}
```
这里的 `outputDir` 是打包输出目录,可以根据需要自定义。而 `indexPath` 则是 HTML 输出路径,需要指定为相对于 `outputDir` 的相对路径。在这个例子中,HTML 文件将会输出到 `dist/my-custom-index.html`。
完成配置后,执行 `npm run build` 命令即可进行打包,HTML 文件会输出到指定的路径。
阅读全文