码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-06-05 11:29:48      阅读:389      评论:0      收藏:0      [点我收藏+]

标签:web   ace   nta   nbsp   webpack   需要   功能   文件   lin   

有个很久(有多久呢,你还记得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中文乱码问题解决记录

标签:web   ace   nta   nbsp   webpack   需要   功能   文件   lin   

原文地址:https://www.cnblogs.com/snowhite/p/9138407.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!