deep-fish-pixel / vue-i18n-sync-webpack-plugin

vue i18n sync webpack plugin

vue-i18n-sync-webpack-plugin

提供国际化配置的各种同步操作

• 支持配置中同步添加/修改/删除key
• 支持vue文件中同步添加key，需使用vscode安装插件vue-i18n-sync
• 支持vue文件中同步修改key
• 支持同步添加/修改/删除注释等等操作
• 支持根据配置名称自动移到指定文件
• 支持同名key自动校验并提示错误
• 支持同值自动校验并提示警告️

Install

Install with npm:

$ npm install --save-dev vue-i18n-sync-webpack-plugin

Uses：

// 最小化配置
new VueI18nSyncWebpackPlugin({
    // 同步配置根目录
    i18nRoot: path.join(process.cwd(), 'src/locales'),
    // 修改目标字符串时会查找替换的目录 可不配置
    replaceDir: path.join(process.cwd(), 'src')
});

// 全项配置介绍
new VueI18nSyncWebpackPlugin({
    // 同步配置根目录
    i18nRoot: path.join(process.cwd(), 'src/locales'),
    // 修改目标字符串时会查找替换的目录 可不配置
    replaceDir: path.join(process.cwd(), 'src')
    // 保持并行同步的目录。默认根据root自动生成
    i18nDirs: ['en-US', 'zh-CN', '...'],
    // 设置key查找文件位置的分割符，默认.
    i18nSetKeyToFileSeperator: '.',
    // 创建配置文件的后缀名 默认.js
    extension: '.js',
    // 自动import模块 默认true
    autoImportModule: true,
    // 排除同步目录
    excludeSyncDirRegExp: null,
});

操作手册

支持配置中同步添加/修改/删除key

在配置项的属性上直接修改操作。

每行修改保存后触发修改操作

支持vue文件中同步修改key

需要按'oldProperty>newProperty'格式操作即可操作。

每行修改保存后触发修改操作。

可以根据属性名可快速移动到指定文件。

注意

属性名称以点(.)区分路径，最后点的右边名称为当前配置文件属性的真实名称。