「react-ネイティブ」パスの設定
4531 ワード
ライブラリのインストール https://7stocks.tistory.com/128
yarn add --dev babel-plugin-module-resolver
babel.config.jsmodule.exports = {
presets: ['module:metro-react-native-babel-preset'],
plugins: [
[
'module-resolver',
{
root: ['.'],
extensions: [
'.ios.ts',
'.android.ts',
'.ts',
'.ios.tsx',
'.android.tsx',
'.tsx',
'.jsx',
'.js',
'.json',
],
alias: {
'~': './src',
'@components': './src/components',
'@styles': './src/styles',
'@assets': './src/assets',
'@screens': './src/screens',
'@navigations': './src/navigations',
},
},
],
],
};
tsconfig.json{
...
"baseUrl": "./" /* Base directory to resolve non-absolute module names. */,
"paths": {
"~/*": ["./*"],
"@components/*": ["./src/components/*"],
"@styles/*": ["./src/styles/*"],
"@assets/*": ["./src/assets/*"],
"@screens/*": ["./src/screens/*"],
"@navigations/*": ["./src/navigations/*"]
}
...
}
リファレンスReference
この問題について(「react-ネイティブ」パスの設定), 我々は、より多くの情報をここで見つけました https://velog.io/@sbinha/react-native-typescript-paths-aliasテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol