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'
})
]
}
完成上述操作后,重新执行打包命令,文件中就不会出现乱码了。