HTML加载gz文件,webpack打包的.gz文件，怎么在浏览器页面中引用

做的是 react 项目，在 webpack 中利用压缩插件 compression-webpack-plugin 将

main.bundle.js 压缩成了 main.bundle.js.gz ,看起来是边小了，但是在从服务器上取下来的还是之前的 main.bundle.js ，问大牛们，怎么才能取到 main.bundle.js.gz 这个压缩后的文件？取到 .gz 文件了，浏览器能正常解析吗？或者说，到底怎么用 compression-webpack-plugin 插件？

下面是我的 webpack 部分配置文件：

const webpack = require('webpack');

const path = require("path");

const ConfigPath = require("./build/common/configPath"); // 配置路径文件

const htwx = path.resolve(__dirname, "htweixin1/");

// 插件

const HtmlWebpackPlugin = require('html-webpack-plugin');

const CompressionWebpackPlugin = require('compression-webpack-plugin');

const ExtractTextPlugin = require('extract-text-webpack-plugin');

module.exports = {

entry: { //唯一入口文件，就像Java中的main方法

vendor: ['react', 'react-dom', 'mobile-select', 'jquery'],</