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

• Z时代
• 2024-01-10
• 分类：综合

问题：

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

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

以上是 webpack打包React项目后出现中文乱码的问题 的全部内容， 来源链接： utcz.com/z/384005.html