我正在使用Typescript完成一个React Native项目。该项目具有模块化结构,每个模块都有自己的翻译字符串。问题在于,当我生成翻译时,this.props.t
中所有出现的字符串都进入默认名称空间(common
)。
可以通过在转换函数中使用模块名称作为默认名称空间来解决此问题。转换函数将使用文件路径来确定文件所在的模块,并将其用作默认名称空间。假设这是当前模块,我在下面的代码中对“帐户”进行了硬编码。我希望所有字符串都保存在account/i18n/en.json
和account/i18n/nl.json
下,但是它们仍然保存在common
模块中,该模块是默认名称空间(defaultNs
)。这是扫描仪的代码:
var fs = require("fs");
var path = require("path");
var typescript = require("typescript");
function typescriptTransform(options) {
options = options || {};
if (!options.extensions) {
options.extensions = [".tsx"];
}
return function transform(file, enc, done) {
const extension = path.extname(file.path);
const parser = this.parser;
let content = fs.readFileSync(file.path, enc);
if (options.extensions.indexOf(extension) !== -1) {
content = typescript.transpileModule(content, {
compilerOptions: {
target: 'es2018'
},
fileName: path.basename(file.path)
}).outputText;
parser.parseTransFromString(content, {
options: {
ns: "account",
defaultNs: "account"
}
});
parser.parseFuncFromString(content, {
options: {
ns: "account",
defaultNs: "account"
}
});
}
done();
};
};
module.exports = {
options: {
debug: true,
func: {
list: ['t', 'i18next.t', 'i18n.t'],
extensions: ['.js', '.jsx', '.ts', '.tsx']
},
trans: {
component: 'Trans',
extensions: ['.js', '.jsx'],
},
transform: typescriptTransform({ extensions: ['.ts', '.tsx'] }),
lngs: ['en', 'nl'],
ns: ['account', 'common'],
defaultNs: 'common',
resource: {
loadPath: 'app/{{ns}}/i18n/{{lng}}.json',
savePath: 'app/{{ns}}/i18n/{{lng}}.json',
},
}
};
问题是account
模块中仍在生成common
模块字符串,尽管我在transform
中明确指出我想要ns
和defaultNs
成为account
。
我在这里做错了什么?预先感谢。