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

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