站长百科 老项目用webpack中文乱码问题解决记录 正文

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

2022-12-10,,,,

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

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

1
2
3
4
5
6
7

const EncodingPlugin = require('webpack-encoding-plugin');
 
plugins: [
    new EncodingPlugin({
      encoding: 'GBK'
    })
  ]

　　

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

这是在网上搜到的，解决了我的问题，开发环境上没有乱码，打包之后出现乱码 安装了这个插件之后 问题解决。

npm install webpack-encoding-plugin --save

老项目用webpack中文乱码问题解决记录的相关教程结束。

《老项目用webpack中文乱码问题解决记录.doc》

下载本文的Word格式文档，以方便收藏与打印。

Copyright 2023. 昆居客 - IT编程,互联网信息技术文档大全!