2021最新webpack5: devServer常用配置/proxy设置(P30-P31)

P30 30-devServer常用配置

常用配置

module.exports = {
  devServer: {
    port: 8080,
    open: false,
    hot: true,
    hotOnly: true, // 当前出错了，会自动恢复刷新
    compress: true, // 在开发的时候，就帮忙压缩了，即 gzip 方式预览(express)
    histroyApiFallback: {
     //....
     // 本身如果只是为true，则是SPA应用在刷新的时候，能正常显示
    }
  }
}

proxy的设置

target: 目标的转发地址
pathRewrite: 可能要rewrite
changeOrigin: 让请求以对配置的target 的origin 发送

打包环境区分

打包环境区分

参考