vue.config.js路径配置
时间: 2023-10-28 22:59:15 浏览: 104
vue.config.js中配置Vue的路径别名的方法
在 Vue 项目中,通过配置 `vue.config.js` 文件可以进行路径相关的配置。下面是一些常见的路径配置选项:
1. `publicPath`: 这个选项用于指定项目的部署路径,默认是 `/`。如果你的项目部署在域名的根目录下,无需修改它。但如果你的项目部署在子目录中,你需要根据实际情况修改它。例如,如果你的项目部署在 `https://example.com/my-app/` 目录下,你可以设置 `publicPath: '/my-app/'`。
2. `outputDir`: 这个选项用于指定构建输出的目录,默认是 `dist`。你可以根据需要修改它。例如,如果你希望构建输出到 `build` 目录下,可以设置 `outputDir: 'build'`。
3. `assetsDir`: 这个选项用于指定生成的静态资源(js、css、img 等)存放的目录,默认是在输出目录下的 `assets` 目录。如果你希望将静态资源存放在不同的目录中,可以设置它。例如,如果你希望将静态资源存放在 `static` 目录下,可以设置 `assetsDir: 'static'`。
除了上述常见选项,还有其他一些路径配置选项可以参考 Vue CLI 的文档进行设置,例如 `indexPath`(指定生成的 `index.html` 文件路径)、`lintOnSave`(控制是否在保存文件时进行代码检查)等。
请注意,修改 `vue.config.js` 文件后,需要重新启动项目才能使配置生效。
阅读全文