zoukankan      html  css  js  c++  java
  • 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'
    	})
        ]
    }
    

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

  • 相关阅读:
    面试相关
    luffy--01
    RESTful --01
    vue2 -- axios
    Vue --1
    crm--分页
    【SQL】UNION
    sql-新发现
    GROUPING
    记录的排列顺序——两个ORDER BY
  • 原文地址:https://www.cnblogs.com/jpwz/p/12457470.html
Copyright © 2011-2022 走看看