老項目用webpack中文亂碼問題解決記錄

有個很久（有多久呢，你還記得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，中文亂碼問題即可解決。