帮我写一个完整的vue.config.js
时间: 2023-03-22 08:01:36 浏览: 65
好的,以下是一个完整的vue.config.js文件的例子:
```
module.exports = {
// 部署应用包时的基本 URL
publicPath: process.env.NODE_ENV === 'production'
? '/production-sub-path/'
: '/',
// 构建输出目录
outputDir: 'dist',
// 静态资源目录
assetsDir: 'assets',
// 是否使用 eslint-loader,在开发和生产构建中使用 true 或 false
lintOnSave: process.env.NODE_ENV !== 'production',
// 是否开启生产环境的 source map
productionSourceMap: true,
// 配置 webpack-dev-server 行为
devServer: {
open: true,
host: 'localhost',
port: 8080,
https: false,
hotOnly: false,
// 代理配置
proxy: {
'/api': {
target: 'http://localhost:3000',
ws: true,
changeOrigin: true
},
'/foo': {
target: '<other_url>'
}
},
// 假设你的应用程序有一个 /api/foobar 路由
// 你想要通过代理将请求发送到另一个服务器
// 通过一个具有更好路由的应用程序
// 代理到另一个服务器的具体路径
before: app => {
// ...
}
},
// 配置 CSS 相关选项
css: {
// 是否开启 CSS source map
sourceMap: process.env.NODE_ENV !== 'production',
// 配置 css-loader
loaderOptions: {
css: {
// options here will be passed to css-loader
},
postcss: {
// options here will be passed to postcss-loader
}
},
// 启用 CSS modules
modules: false
},
// 配置 webpack 插件
pluginOptions: {
// ...
}
}
```
请注意,这只是一个示例配置文件,实际的配置取决于您的项目需求和开发环境。