webpack打包React项目后出现中文乱码的问题

问题：

React项目用webpack打包后，部署到服务器上，然后直接访问打包后的index.html文件，出现了中文乱码问题。

解决方法：

在webpack打包时，使用 webpack-encoding-plugin 插件就可以解决。操作步骤如下：

第一步 安装webpack-encoding-plugin插件

cnpm i webpack-encoding-plugin -D

第二步 配置webpack.config.js文件

在webpack.config.js文件中添加插件：

const EncodingPlugin = require('webpack-encoding-plugin');
module.exports = {
    // ......
    plugins: [
    new EncodingPlugin({
        encoding: 'UTF-8'
    })
    ]
}

完成上述操作后，重新执行打包命令，文件中就不会出现乱码了。