老项目用webpack中文乱码问题解决记录

本文讲述了在一个使用GBK编码的老项目中引入Webpack及ES6等新技术时遇到的中文乱码问题及其解决方案。作者通过调整文件编码为UTF-8再转换为GBK的方式成功解决了乱码问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

有个很久(有多久呢,你还记得jquery1.6的年代吗。。。)的项目需要新加一些功能,又想使用新的生产力工具比如说webpack,es6,vue神马的。原来的项目整体都是用GBK编码的,这特么。。。坑怎么会少。。。

 

为了省事直接用了饿了么的element框架(只是改进后台管理系统的一部分页面,原来的保持不动),然后坑爹的就来了,中文乱码是妥妥的,google,百度搜了很久,很多人都说用webpack-encoding-plugin这个插件解决,可以设置非utf-8格式,天真的我以为就可以解决了,然而并没有什么卵用,只是从一种乱码换成另一种乱码。。。

 

const EncodingPlugin = require('webpack-encoding-plugin');

plugins: [
    new EncodingPlugin({
      encoding: 'GBK'
    })
  ]

  

后来发现其实这里写的是没有问题的,问题的根源在于之前想着兼容以前的gbk格式,把新引进来的文件格式都转成gbk了,其实直接用原来的默认的格式也就是utf-8就不会遇到这个问题了。也就是说把webpack要打包的文件的格式设置成utf-8,然后转成GBK,中文乱码问题即可解决。

转载于:https://www.cnblogs.com/xiaoweiy/p/7495646.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值