reactNative配置别名

最新推荐文章于 2024-04-02 16:56:31 发布

samllHui

最新推荐文章于 2024-04-02 16:56:31 发布

阅读量532

点赞数

分类专栏： react 文章标签： react native javascript react.js

本文链接：https://blog.csdn.net/samllHui/article/details/127555543

版权

react 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

reactNative配置别名

1.安装babel-plugin-module-resolver

yarn add --dev babel-plugin-module-resolver

2.配置babel.config.js

module.exports = {
  presets: ['module:metro-react-native-babel-preset'],
  plugins: [
    [
      'module-resolver',
      {
        root: ['./src'],
        extensions: ['.ios.js', '.android.js', '.js', '.ts', '.tsx', '.json'],
        alias: {
          '@': './src/',
          '@views': './src/views/',
          '@images': './src/images/',
        },
      },
    ],
  ],
};

3.配置tsconfig.json

{
	"compilerOptions": {
		"baseUrl": ".",
	    "paths": {
	      "@/*": ["src/*"],
	      "@views/*": ["src/views/*"],
	      "@images/*": ["src/images/*"],
	    }
	}
}