Vue Cli 專案透過 chinese-language-loader 解決繁體自動轉換簡體問題

大分類
Frontend
By Mark.Ku
vue translate chinese Simplified Chinese convert

Vue Cli 透過 chinese-language-loader 解決忘了繁體轉換簡體問題

問題

中國的用戶，很在意看到繁體，而有時候在開發前端頁面時，有時候會忽略了做繁簡體的文字轉換，直接寫進了 html 或 js 中。

套件評估

該套件雖，在 synk 分數不高，可能和使用量有關，但我看過原始碼，運作原理，是透過繁簡對照達成繁簡互換，覺得沒太大的問題。

安裝 chinese-language-loader

[Github 連結]

npm install chinese-language-loader --save --devs

調整 vue config 設定

chainWebpack: config => {
    config.module
      .rule('language')
      .test(/\.(js|vue)$/)
      .use('chinese-language-loader')
      .loader('chinese-language-loader')
      .options({
        language: 'zh-CN'
      })
      .end()
      }

成果

此時在vue 及 js 檔案中的繁體在打包時，會轉換成簡體。

額外補充: Javascript中使用簡體轉繁體

import chineseLanguageLoader  from "chinese-language-loader/lib/main.js";
let str = chineseLanguageLoader('红豆生南国，春来发几枝。愿君多采撷，此物最相思。', {language: 'zh-TW'});
console.log(s2tResult)

// 紅豆生南國，春來發幾枝。願君多采擷，此物最相思。