webpack 打包非utf-8編碼包的解決辦法!

這幾天用vue寫了一個項目, 因爲咱們寫代碼是基於utf-8編碼的, 可是公司的後臺環境是GBK編碼的寫出來的好久遠的一個系統了, 個人項目放上去了 毫無疑問的漢字直接亂碼了, 爲了解決亂碼問題也是頭疼了很久

即便我把打包前的項目文件都改成GBK編碼的, 可是webpack打包默認是utf-8的格式, 出來仍是亂碼.

後來在網上找了很久, wenpack有一個插件 下載下來之後, 在輸出部分配置成本身想要的代碼就好了! (須要注意的是, 不須要改變咱們寫的文件的編碼方式! 它會從utf-8的編碼方式自動向其餘編碼轉換!) 點擊直達 npm :( 用法上面說的很詳細了); webpack-encoding-plugin;

若是有同是用vue2.0的朋友這裏說一下配置方法: 在vue 項目中的build文件中 有 webpack.prod.conf.js 和webpack.dev.conf.js 兩個配置文件 其中名稱由dev的那個是 咱們運行 npm run dev 這個命令時的打包文件, 咱們沒有必要在那個裏面配置, 名稱中有 prod 的js文件是咱們打包要用到的js文件, 所以只須要在那個裏面配置一下就好了! 打包最後在dist文件中生成的index.html 須要改爲GBK編碼存儲的文件;

改變文件從UTF-8編碼到GBK編碼存儲方法的方式, 若是是用的submit text 3 編輯器的話, 能夠下載一個 GBK Support 的插件下載完成之後 在菜單欄的 file 選項中會有一個項 GBK or UTF8 ;鼠標選中它 選擇 save with GBK 就好了!