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'
    })
    ]
}

完成上述操作後，重新執行打包命令，文件中就不會出現亂碼了。