我正在使用Typescript进行React本机应用构建,并且正在使用react-i18next
和i18next
进行翻译。这是我的i18next-scanner
配置:
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);
parser.parseFuncFromString(content);
}
done();
};
};
module.exports = {
options: {
defaultLng: 'en',
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',
},
}
};
问题是扫描仪无法使用this.props.t
。如果我使用i18n.t
和i18next.t
可以使用,但是我们要坚持从一开始就使用的this.props.t
。我们要使用this.props.t
的原因之一是因为它是唯一与storybook
一起使用的原因。使用其他两个功能只是显示了故事中的关键。
任何建议修复i18next-scanner
配置(或其他配置)以扫描this.props.t
的代码提取使用的建议。预先感谢!