背景:
1、国际项目都有国际化需求,对于Flutter项目,导入多语言每次都需要复制到arb文件中
2、如果语言很多,每次都需要浪费一些时间。
3、通过改脚本可以直接使excel转成我们想要的arb文件、可以节省大量时间。
一 、添加国际化
1、添加国际化方式
二、安装node环境
1、此步骤根据电脑系统自行百度安装
三、添加node依赖库
1、cd到项目根目录、使用npm init 命令一直回车生成package.json
2、执行 npm install node-xlsx 添加excel转json依赖库
3、执行 npm install shelljs 添加js 执行shell命令依赖库
四、创建多语言excel
1、按照如下格式创建excel文件
2、将该excel托到项目根目录
五、创建脚本
1、创建脚本,也可以直接使用以下脚本(按照备注修改路径和arb文件名)
2、目录可以按照以下方式创建
六、生成多语言文件
1、cd到脚本文件夹
2、执行 node transform_script.js
3、查看有没有报错,无报错就可以直接使用了
七、结果
1、预计可节省导入多语言70%的时间。特别是批量的多语言,收益更大
脚本:
const xlsx = require('node-xlsx');
const path = require('path');
const fs = require('fs');
const shell = require('shelljs')
//要生成的arb文件名和数据,文件名需改成自己项目中相关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数据写入到对应的arb文件
fs.writeFileSync(filePath, JSON.stringify(item.data, null, 2), { encoding: 'utf8', flag: 'w' })
} catch (error) {
console.log(error);
}
});
//执行flutter命令,将arb文件生成I10n.dart
shell.exec('flutter pub global run intl_utils:generate')
}
function initData() {
//创建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文件中的数据
function dealSheet(workSheetsFromFile) {
workSheetsFromFile.map(sheet => {
dealRow(sheet);
})
}
function dealRow(sheet) {
// console.log("sheet",sheet);
//将excel中的数据按照列放到: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)
})
});
}
}