vue.config.js配置
时间: 2023-11-02 10:03:50 浏览: 43
`vue.config.js` 是 Vue CLI 提供的一种个性化配置方式,可用于修改内部的 webpack 配置,以此来实现对项目的定制化需求。
以下是 `vue.config.js` 的一些常见配置选项:
1. `publicPath`: 配置打包后静态资源的访问路径,默认为 `/`。
2. `outputDir`: 配置打包后的文件输出目录,默认为 `dist`。
3. `assetsDir`: 配置打包后静态资源的目录,默认为 `assets`。
4. `indexPath`: 配置打包后的 `index.html` 文件路径,默认为 `index.html`。
5. `devServer`: 配置开发服务器,常见选项有 `port`、`proxy` 等。
6. `configureWebpack`: 用于修改内部的 webpack 配置。
7. `chainWebpack`: 用于基于原有的 webpack 配置进行修改。
一个简单的示例:
```javascript
module.exports = {
publicPath: process.env.NODE_ENV === 'production'
? '/production-sub-path/'
: '/',
devServer: {
port: 8080,
proxy: {
'/api': {
target: 'http://localhost:3000',
changeOrigin: true
}
}
},
configureWebpack: {
plugins: [
new MyPlugin()
]
}
}
```
以上配置会将打包后的静态资源放到 `/production-sub-path/` 下,设置开发服务器端口为 8080,并且配置了一个代理,将所有以 `/api` 开头的请求转发到 `http://localhost:3000`,同时,使用 `configureWebpack` 配置了一个插件。