#yyds干货盘点#25.vue项目配置

三叶草

一、vue配置文件
vue.config.js 文件是vue-cli项目的配置文件

• 基本结构：包含配置选项的对象
  

• module.exports 是 CommonJS的模块语法形式
  

二、常用配置项
vue.config.js 基本配置项

• outputDir：打包生成的静态文件目录
  

• 所谓 “打包”是指，把应用程序中多个js文件转化、处理，打包生成到一起
  

• outputDir：打包生成的静态文件目录
  

• 使用 yarn build 或 npm run build 命令 执行打包操作
  
• 打包后的文件，可以直接在浏览器中运行
  

• configureWebpack：webpack相关配置项
  

• entry：webpack打包入口文件
  
• 详细查看webpack参考文档：​​https://www.webpackjs.com/concepts/​​
  

• devServer：开发服务器配置
  

• port：服务器监听端口号
  
• open：是否自动打开浏览器
  
• proxy：代理服务器，在跨域ajax请求时会使用到
  
• 详细信息查阅参考文档：​​https://www.webpackjs.com/configuration/dev-server/​​
  

​
vue配置参考文档：​​https://cli.vuejs.org/zh/config​​