如何在 React Native 项目中使用 jsconfig.json

Question

我有一个 MStore 来源并且我阅读了该代码。在此代码中使用 jsconfig.json 文件并在屏幕中导入具有此结构的组件或屏幕：

import { Home , Splash , Login } from '@containers';

这是 jsconfig.json 文件，存储在位置 MyReactNativeProject/src/:

{
  "compilerOptions": {
    "baseUrl": "./src/",
    "paths": {
      "@common": ["common"],
      "@containers": ["containers"],
      "@components": ["components"],
      "@navigation": ["navigation"],
      "@images": ["images"],
      "@services": ["services"],
      "@utils": ["utils"],
      "@redux": ["redux"]
    }
  },
  "exclude": ["node_modules"]
}

如何在我的项目中使用此配置和导入这些组件？

Answer 1

尝试使用 babel.config.js 或 .babelrc 文件作为 it's here

您需要包括 babel-plugin-module-resolver

如何在 React Native 项目中使用 jsconfig.json

How to use jsconfig.json in React Native project

packaging

reactjs

react-native