有個很久（有多久呢，你還記得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