{"id":18938216,"url":"https://github.com/wechat-miniprogram/glass-easel-i18n","last_synced_at":"2026-02-12T01:40:26.213Z","repository":{"id":231967072,"uuid":"783133653","full_name":"wechat-miniprogram/glass-easel-i18n","owner":"wechat-miniprogram","description":"Non-invasive i18n support for glass-easel","archived":false,"fork":false,"pushed_at":"2025-02-20T03:56:50.000Z","size":160,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-02-28T16:34:27.896Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"Rust","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/wechat-miniprogram.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-04-07T03:02:57.000Z","updated_at":"2025-02-20T03:56:51.000Z","dependencies_parsed_at":"2024-04-07T04:04:49.835Z","dependency_job_id":"b1cce3f7-3b36-47a9-a943-17b7f0a4127c","html_url":"https://github.com/wechat-miniprogram/glass-easel-i18n","commit_stats":null,"previous_names":["wechat-miniprogram/glass-easel-i18n"],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wechat-miniprogram%2Fglass-easel-i18n","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wechat-miniprogram%2Fglass-easel-i18n/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wechat-miniprogram%2Fglass-easel-i18n/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wechat-miniprogram%2Fglass-easel-i18n/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wechat-miniprogram","download_url":"https://codeload.github.com/wechat-miniprogram/glass-easel-i18n/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244917187,"owners_count":20531526,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-08T12:13:44.379Z","updated_at":"2026-02-12T01:40:21.188Z","avatar_url":"https://github.com/wechat-miniprogram.png","language":"Rust","funding_links":[],"categories":[],"sub_categories":[],"readme":"# glass-easel-i18n\n\n[glass-easel](https://github.com/wechat-miniprogram/glass-easel) 非侵入式国际化支持\n\n## 使用指南\n\n### 快速开始\n\n添加同名 `locale` 目录，例如 `pages/index` 下新增 `index.locale` ，添加翻译文件 `en-us.po`（文件名即为 `locale` ）\n\n\u003cpre\u003e\n  - src/pages\n    - index\n      - index.locale //新增\n        - zh-hk.po\n        - en-us.po\n        - ja.po\n        - .....\n      - index.wxml\n      - index.ts\n      - index.wxss\n      - index.json\n\u003c/pre\u003e\n\n在 `index.wxml`中使用 `\u003c!I18N\u003e` 声明启用 `i18n` ：\n\n```html\n\u003c!I18N\u003e  \u003c!-- 启用 i18n 的声明 --\u003e\n\u003cview\u003e一些文本\u003c/view\u003e\n```\n\n配置翻译文件 `index.locale/en-us.po`：\n\n```po\nmsgid \"一些文字\"\nmsgstr \"Some words\"\n```\n\n在 `index.ts` 中增加 `locale`：\n\n``` js\nPage({\n  data: {\n    locale: 'en-us',\n  },\n  // 可配置 methods 去更改 locale\n  changeLocale() {}\n})\n```\n\n在`webpack.config.js` 中新增 `GlassEaselMiniprogramWxmlI18nLoader`\n\n```bash\npnpm install --save-dev glass-easel-miniprogram-i18n-webpack-loader\n```\n\n```js\nrules: [\n  {\n    // wxml should be explicit handled with a loader\n    test: /\\.wxml$/,\n    use: [\n      GlassEaselMiniprogramWxmlLoader,\n      // configPath is exposed to loader\n      {\n        loader: GlassEaselMiniprogramWxmlI18nLoader,  // 新增\n        options: {\n          configPath: __dirname,\n        },\n      },\n    ],\n    exclude: /node_modules/,\n  },\n]\n```\n\n### 原理说明\n\n通过翻译词条配置将原先的模板预编译成支持 `i18n` ，例如：\n\n```html\n\u003c!I18N\u003e  \u003c!-- 启用 i18n 的声明 --\u003e\n\u003cview\u003e一些文本\u003c/view\u003e\n```\n\n经过 `i18n` 预编译器后，可以得到：\n\n```html\n\u003cblock wx:if=\"{{ locale === \"en-us\" }}\"\u003e\n  \u003cview\u003eSome words\u003c/view\u003e\n\u003c/block\u003e\n\u003cblock wx:else\u003e\n  \u003cview\u003e一些文本\u003c/view\u003e\n\u003c/block\u003e\n```\n\n### 进阶用法\n\n\u003e 可参考 glass-easel-i18n/glass-easel-miniprogram-i18n-template\n\n#### 属性翻译\n\n属性翻译需要在[配置文件](#%E9%85%8D%E7%BD%AE%E6%96%87%E4%BB%B6)中添加属性白名单\n\n```html\n\u003cdiv class=\"item\" title=\"说明\" exclued-attribute=\"说明\"\u003e含属性的节点\u003c/div\u003e\n```\n\n翻译文件：\n\n```po\nmsgid \"含属性的节点\"\nmsgstr \"Node with attributes\"\n\nmsgid \"说明\"\nmsgstr \"explanation\"\n```\n\n#### 数据绑定\n\n需要翻译的文本块中有数据绑定，这种情况下需要用到占位符：\n\n```html\n\u003cview\u003e{{ a }} 加 {{ b }} 得到 {{ a+b }}\u003c/view\u003e\n```\n\n翻译文件如下，注意占位符需要大写且按字母序列依次递增\n\n```po\nmsgid \"{{A}} 加 {{B}} 得到 {{C}}\"\nmsgstr \"Add {{A}} to {{B}} to get {{C}}\"\n```\n\n#### 整体翻译\n\n一系列子节点需要被当做一个整体来翻译，在模板中添加声明 `\u003c!I18N translate-children\u003e`\n\n```html\n\u003cdiv\u003e\n  \u003c!I18N translate-children\u003e\n  我\n  \u003cspan style=\"color: red\"\u003e爱\u003c/span\u003e\n  你\n\u003c/div\u003e\n```\n\n翻译文件：\n\n```po\nmsgid \"我{{A}}你\"\nmsgstr \"I {{A}} You\"\n\nmsgid \"爱\"\nmsgstr \"Love\"\n```\n\n或者整体翻译：\n\n```po\nmsgid \"我{{A}}你\"\nmsgstr \"愛してます\"\n```\n\n#### 全局翻译\n\n在 `src/locale` 目录中配置全局翻译，文件名即为 `locale`\n\n可以不配置当前 `page` 的翻译文件，默认会先寻找全局翻译，且全局翻译优先级较低\n\n`src/locale/en-us.po`:\n\n```po\nmsgid \"一些文字\"\nmsgstr \"Some words\"\n```\n\n`src/pages/index/index.locale/en-us.po`:\n\n```po\nmsgid \"一些文字\"\nmsgstr \"[Global] Some words\"\n\nmsgid \"全局的翻译\"\nmsgstr \"Global translation\"\n```\n\n#### 模板引用\n\n如果使用[模板引用](https://github.com/wechat-miniprogram/glass-easel/blob/master/glass-easel/guide/zh_CN/interaction/template_import.md)语法，需要在模板中传入 `locale`：\n\n```html\n\u003ctemplate name=\"shared-template-slice\"\u003e\n  \u003cdiv class=\"item\"\u003e {{ a }} + {{ b }} = {{ a+b }} \u003c/div\u003e\n  \u003cdiv class=\"item\"\u003etemplate里的一些文字\u003c/div\u003e\n\u003c/template\u003e\n\u003ctemplate is=\"shared-template-slice\" data=\"{{ a: 3, b: 4, locale}}\"\u003e\u003c/template\u003e\n```\n\n### 配置文件\n\n项目根目录下新增 `i18nconfig.json`，写入需要被翻译的属性名：\n\n```json\n{\n  \"attributes\": [\"title\"]\n}\n```\n\n### 收集待翻译词条\n\n#### 命令行配置\n\n在 `package.json` 中新增脚本\n\n```json\n  \"scripts\": {\n    \"search\":\"glass-easel-i18n search\"\n  },\n```\n\n#### 命令行参数\n\n【必选】使用`-f` 或者 `--file` 制定需要收集的文件路径\n\n【可选】使用 `-p` 或者 `--placeholder` 来指定输出文件中 `msgstr` 的值，默认为 “尚未翻译”\n\n```bash\npnpm run search -f ./src/pages/index/index.wxml\npnpm run search -f ./src/pages/index/index.wxml -p \"未翻译\"\n```\n\n如果使用 `npm` 作为包管理工具需要添加 `--` ：\n\n```bash\nnpm run search -- -f ./src/pages/index/index.wxml\nnpm run search -- -f ./src/pages/index/index.wxml -p \"未翻译\"\n```\n\n在 `-f` 指定的 `wxml` 文件的同级目录下会输出 `untranslated.po`\n\n## LICENSE\n\nCopyright 2024 wechat-miniprogram\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the \"Software\"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwechat-miniprogram%2Fglass-easel-i18n","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwechat-miniprogram%2Fglass-easel-i18n","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwechat-miniprogram%2Fglass-easel-i18n/lists"}