vue.config.js常用配置项

常用配置项：

配置项	说明	类型	默认值	更多
publicPath	设置部署应用包时的基本 URL	String	‘/’	详情
outputDir	设置项目打包生成的文件的存储目录	String	‘dist’	详情
assetsDir	指定放置打包生成的静态资源 (js、css、img、fonts) 的目录(相对于outputDir)	String	‘’	详情
indexPath	设置生成的 index.html 的输出路径 (相对于 outputDir)。也可以是一个绝对路径	String	‘index.html’	详情
filenameHashing	设置打包生成的静态资源的文件名中是否加入hash，控制浏览器缓存	Boolean	true	详情
lintOnSave	设置是否在开发环境下每次保存代码时都启用 eslint验证	Boolean/String	true	详情
configureWebpack	对内部的webpack配置的进行新增与修改	Object/Function	function	详情
chainWebpack	对内部的webpack配置的进行新增与修改（链式操作）	Function	function	详情
devServer	NodeJs架设起临时的服务器用于项目的运行与调试	Object	见下	详情

开发服务器devServer有许多属性：

devServer: {
    inline: true, // 用于设置代码保存时是否自动刷新页面
    hot: true, // 设置代码保存时是否进行热更新（局部刷新，不刷新整个页面）
    open: false, // 设置 server 启动后是否自动打开浏览器
    openPage: '', // 指定deserver 编译完成后自动打开的页面
    https: false, // 设置是否启用https
    port: 8080, // 设置要监听的端口号
    host: 'localhost', // 指定devDerve使用的host，localhost
    compress: true, // devServer 所有服务启用 gzip 压缩
    overlay: false, // 当出现编译器错误或警告时，在浏览器中显示全屏覆盖层
    // 设置API访问代理,.proxy 一定要设置 target
    proxy: {
      '/api': {
        target: 'http://localhost:5000',
        changeOrigin: true
      }
    }
  }