コマンドラインから実行するときnpx babel index.js
、babel.config.js から自分のバベル構成が適用されることを期待していました。
しかし、なぜそうなのか疑問に思っていたので、そうではないようです。
// babel.config.js
module.exports = function babel(api) {
api.cache(true);
return {
presets: ['module:metro-react-native-babel-preset'],
plugins: [
[
'babel-plugin-root-import',
{
rootPathSuffix: './src',
rootPathPrefix: '~/',
},
],
],
};
};
// index.js
import { AppRegistry } from 'react-native';
import App from '~/App';
AppRegistry.registerComponent("App Name", () => App)
// Expected output from npx babel index.js
import { AppRegistry } from 'react-native';
import App from './src/App'; // Note the change from '~' to './src' using babel-plugin-root-import
AppRegistry.registerComponent("App Name", () => App)
npx babel --help で、 --no-babelrc フラグが .babelrc および .babelignore ファイルからの構成を無視すると述べていることに気付きました。これは、このコマンドを呼び出すときにbabel.config.jsファイルが考慮されていないことを示唆していますか?
乾杯