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

让打字稿看到装饰者的道具