vue config 打包输出路径
时间: 2023-04-10 18:00:20 浏览: 102
可以通过在 vue.config.js 文件中设置 outputDir 属性来指定打包输出路径。例如:
module.exports = {
outputDir: 'dist'
};
这将把打包后的文件输出到项目根目录下的 dist 目录中。
相关问题
vite 打包 vue 项目,指定html输出路径
可以通过在 `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 文件会输出到指定的路径。
vue打包把vue.config.js打包进去
根据引用和引用的内容,可以得出以下结论:默认情况下,Vue打包时是不会将vue.config.js文件打包进去的。vue.config.js文件是用于配置Vue项目的相关选项和参数的配置文件。它通常用于设置开发模式下的公共路径、根目录内的文件夹名、打包后的文件夹路径等。该文件不会被打包进最终的输出文件中。
因此,如果你发现vue.config.js文件被打包进去了,可能是配置有误或其他原因导致的。你可以检查一下你的配置文件是否正确,尤其是publicPath、outputDir、assetsDir等选项是否设置正确。此外,还可以查看你的打包命令是否正确,是否有其他配置文件影响了打包结果。
总结来说,Vue默认情况下是不会将vue.config.js文件打包进去的,如果你发现它被打包进去了,可能是配置有误或其他原因导致的。你可以检查配置文件和打包命令,确保它们正确无误。<span class="em">1</span><span class="em">2</span>
#### 引用[.reference_title]
- *1* [vue-cli4之vue.config.js打包优化](https://blog.csdn.net/weixin_43845137/article/details/122598306)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
- *2* [vue打包文件配置说明vue.config.js](https://blog.csdn.net/weixin_47970316/article/details/126095427)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]