javascript React Native打字稿配置
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript React Native打字稿配置相关的知识,希望对你有一定的参考价值。
'use strict';
let path = require('path');
let ts = require('typescript');
let tsConfig = require('./tsconfig.json');
let rnTransform = require('react-native/packager/transformer').transform;
function transform(data, callback) {
// Do custom transformations
let result = data.sourceCode;
if (path.extname(data.filename) == '.tsx' || path.extname(data.filename) == '.ts') {
try {
result = ts.transpileModule(result, {compilerOptions: tsConfig.compilerOptions});
result = result.outputText;
} catch(e) {
callback(e);
return;
}
}
// Pass the transformed source to the original react native transformer
try {
result = rnTransform(result, data.filename, data.options);
} catch(e) {
callback(e);
return;
}
callback(null, result);
}
module.exports = transform;
var path = require('path');
module.exports = {
getAssetExts() {
return [
'ts',
'tsx'
]
},
getTransformModulePath() {
return path.join(__dirname, 'transformer.js');
},
}
以上是关于javascript React Native打字稿配置的主要内容,如果未能解决你的问题,请参考以下文章
如何为 react-native 本机 ui 组件创建打字稿类型定义?
打字稿:React Native useRef 给出错误“对象可能为空”
React-Native 应用程序的平台特定 ios/android 打字稿文件的相对导入
如何在 React Native 项目中将 JS 库导入打字稿
在 React Native 中获取广告 id
让打字稿看到装饰者的道具