vue-i18n 翻译之 excel 解析

最新推荐文章于 2025-01-03 17:10:21 发布

技术爱好者Joker

最新推荐文章于 2025-01-03 17:10:21 发布

阅读量481

点赞数

分类专栏：工具前端文章标签： vue.js nodejs excel

本文链接：https://blog.youkuaiyun.com/weixin_38874840/article/details/108852773

版权

前端同时被 2 个专栏收录

48 篇文章

订阅专栏

工具

11 篇文章

订阅专栏

该博客介绍了一个使用node-xlsx和fs模块解析Excel文件，将内容转换为vue-i18n语言包的流程。通过创建一个Translate类，实现了读取Excel，解析工作表并生成JSON文件的功能，从而自动化处理多语言资源。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue-i18n使用excel编写转换成对应语言包：

const xlsx = require('node-xlsx');
const fs = require('fs');
const path = require('path');

const sourcePath = './';
const savePath = '../src/language/package';
const excelName = 'a.xlsx';

class Translate {
  constructor() {
    this.contents = {};
    this.languages = [];
    this.sheets = undefined;
  }
  parseExcel(sourcePath, excelName) {
    this.sheets = xlsx.parse(fs.readFileSync(path.join(__dirname, sourcePath, excelName)));
    this.sheets.forEach(this.parseSheet.bind(this));
    return this;
  }
  parseSheet(sheet) {
    let {data, name} = sheet;
    data.forEach((row, rowIndex) => {
      let key;
      row.forEach((col, colIndex) => {
        // 第一行，文件名
        if (rowIndex === 0 && colIndex !== 0) {
          if (!(col in this.contents)) {
            this.contents[col] = {};
            this.languages.push(col);
          }
        }
        
        if (rowIndex >= 1) {
          if (colIndex === 0) {
            key = col;
          } else {
            const lang = this.languages[colIndex - 1];
            this.contents[lang][`${name}_${key}`] = col;
          }
        }
      })
    });
    
    return this;
  }
  generatorJson(savePath) {
    Object.keys(this.contents).forEach(key => {
      const targetPath = path.resolve(__dirname, savePath, `${key}.json`);
      fs.writeFile(targetPath, JSON.stringify(this.contents[key], null, 2), res => {
        console.log(`translate ${key} success`);
      })
    })
  }
}

new Translate().parseExcel(sourcePath, excelName).generatorJson(savePath);

最终生成的json文件