VUE 爬坑之旅 -- vue 專案中將簡體轉換為繁體
阿新 • • 發佈:2019-01-02
今天接到一個需求說要將現在專案裡面的簡體文字全部轉換為繁體的,這需求手動去幹肯定不現實,必須得找一個省時省力的辦法。
Google 一圈下來,發現大部分解決方案都是好幾年前 JQuery 時代的,是不適合現在 vue 專案的。那麼有沒有 vue 專案中好用的解決方案呢?
一 安裝相關的包
npm i language-tw-loader
二 修改 webpack 配置檔案
在 build 資料夾下找到 webpack.base.conf.js 這個檔案,在 module 的 rules 下面新增作者 README 中的程式碼
module: {
rules: [
......
//上面的省略,將下面的程式碼加入進來
{
test: /\.(js|vue)$/,
loader: 'language-tw-loader' ,
}
]
},
三 打包
打包執行就可以看到效果了
按照上面的三步就完成了這個功能,不過這裡有個問題,這個方法只能轉換事先寫好的文字內容,後面從介面獲取的內容是沒法轉換的,這也很好理解,因為接口裡面的內容都是後來動態獲取的,打包的時候是沒有這些內容的,沒有轉換是很正常的。
只是就我的專案來說,做到這樣也就可以了,如果需要將接口裡面獲取的內容也轉換的話,還可以引入其他的庫來幫助完成,這裡就不說了。