3

コマンドラインから実行するとき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ファイルが考慮されていないことを示唆していますか?

乾杯

4

1 に答える 1