如何配置vue.cli2的vue.config.js
时间: 2023-08-24 19:08:41 浏览: 200
详解如何配置vue-cli3.0的vue.config.js
在Vue CLI 2.x 版本中,你可以通过在项目根目录下创建一个名为 `vue.config.js` 的文件来配置项目。
以下是一个示例的 `vue.config.js` 文件的基本结构:
```javascript
module.exports = {
// 配置选项...
}
```
在这个文件中,你可以使用不同的配置选项来自定义Vue项目的行为。以下是一些常见的配置选项:
- `baseUrl`: 指定项目的基本URL,用于构建时的资源路径。
- `outputDir`: 指定构建输出的目录。
- `assetsDir`: 静态资源(js、css、img等)的存放目录。
- `devServer`: 开发服务器相关配置,如端口号、代理等。
- `configureWebpack`: 通过Webpack的配置对象来进行更细粒度的配置。
- `chainWebpack`: 通过Webpack的链式调用API来进行更细粒度的配置。
你可以根据项目需求,在 `vue.config.js` 文件中添加相应的配置选项,并根据需要进行修改。请注意,某些配置选项可能需要重新启动开发服务器或重新构建项目以使其生效。
更多关于 Vue CLI 2.x 的配置选项和详细说明,请参考 Vue CLI 2.x 的官方文档。
阅读全文