背景:
1、國際項目都有國際化需求霜瘪,對于Flutter項目,導(dǎo)入多語言每次都需要復(fù)制到arb文件中
2惧磺、如果語言很多颖对,每次都需要浪費一些時間。
3磨隘、通過改腳本可以直接使excel轉(zhuǎn)成我們想要的arb文件缤底、可以節(jié)省大量時間。
一 番捂、添加國際化
1个唧、添加國際化方式
二、安裝node環(huán)境
1设预、此步驟根據(jù)電腦系統(tǒng)自行百度安裝
三徙歼、添加node依賴庫
1、cd到項目根目錄、使用npm init 命令一直回車生成package.json
2魄梯、執(zhí)行 npm install node-xlsx 添加excel轉(zhuǎn)json依賴庫
3桨螺、執(zhí)行 npm install shelljs 添加js 執(zhí)行shell命令依賴庫
四、創(chuàng)建多語言excel
1酿秸、按照如下格式創(chuàng)建excel文件
2灭翔、將該excel托到項目根目錄
五、創(chuàng)建腳本
1辣苏、創(chuàng)建腳本肝箱,也可以直接使用以下腳本(按照備注修改路徑和arb文件名)
2、目錄可以按照以下方式創(chuàng)建
六稀蟋、生成多語言文件
1狭园、cd到腳本文件夾
2、執(zhí)行 node transform_script.js
3糊治、查看有沒有報錯,無報錯就可以直接使用了
七罚舱、結(jié)果
1井辜、預(yù)計可節(jié)省導(dǎo)入多語言70%的時間。特別是批量的多語言管闷,收益更大
腳本:
const xlsx = require('node-xlsx');
const path = require('path');
const fs = require('fs');
const shell = require('shelljs')
//要生成的arb文件名和數(shù)據(jù),文件名需改成自己項目中相關(guān)arb文件名字
const LangData = [
{
fileName: "intl_zh_CN.arb",
data: {}
},
{
fileName: "intl_zh_HK.arb",
data: {}
},
{
fileName: "intl_en_US.arb",
data: {}
},
{
fileName: "intl_ko_KR.arb",
data: {}
},
{
fileName: "intl_ja_JP.arb",
data: {}
},
]
main()
function main() {
initData()
const workSheetsFromFile = xlsx.parse(path.resolve(__dirname, './language.xlsx'));
dealSheet(workSheetsFromFile)
LangData.forEach(item => {
let filePath = path.resolve(__dirname, `../l10n/${item.fileName}`)
try {
//將json數(shù)據(jù)寫入到對應(yīng)的arb文件
fs.writeFileSync(filePath, JSON.stringify(item.data, null, 2), { encoding: 'utf8', flag: 'w' })
} catch (error) {
console.log(error);
}
});
//執(zhí)行flutter命令粥脚,將arb文件生成I10n.dart
shell.exec('flutter pub global run intl_utils:generate')
}
function initData() {
//創(chuàng)建arb文件
for (langKey in LangData) {
let data = LangData[langKey];
let filePath = path.resolve(__dirname, `../l10n/${data.fileName}`)
try {
let fileData = fs.readFileSync(filePath, { encoding: 'utf-8' })
data.data = JSON.parse(fileData);
} catch (e) {
// console.error(e)
}
}
}
//獲取excel文件中的數(shù)據(jù)
function dealSheet(workSheetsFromFile) {
workSheetsFromFile.map(sheet => {
dealRow(sheet);
})
}
function dealRow(sheet) {
// console.log("sheet",sheet);
//將excel中的數(shù)據(jù)按照列放到:LangData 中的data中
let langList = sheet.data.filter(column => column.length);
if (Array.isArray(langList)) {
LangData.map((item, index) => {
langList.map((row) => {
const key = row[0]
const value = row[index + 1]
if (value && value.length) {
item.data[key] = value
}
// loadData(row, rowIndex, langList)
})
});
}
}