When i transpile typescript using babel, it places import at the top of the page, but a variable must be initialized before a import occurs

Question

When I try to transpile this code with babel:

import admin from 'firebase-admin';

const serviceAccount = require('./.private/app-delivery-dev.json');


admin.initializeApp({
    credential: admin.credential.cert(serviceAccount),
    databaseURL: 'https://app-delivery-dev.firebaseio.com',
});


import app from './app';

app.listen(3333);

I get this result:

"use strict";

var _firebaseAdmin = _interopRequireDefault(require("firebase-admin"));

var _app = _interopRequireDefault(require("./app"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

const serviceAccount = require("./.private/app-delivery-dev.json");

_firebaseAdmin.default.initializeApp({
  credential: _firebaseAdmin.default.credential.cert(serviceAccount),
  databaseURL: 'https://app-delivery-dev.firebaseio.com'
});

_app.default.listen(3333);

But the app must only be imported after the firebase admin is initialized, otherwise it will throw an error of "firebase app does not exist". Is There a way to babel not change the order in which import statements appear?

This is my babel config file:

module.exports = {
    presets: [
        [
            '@babel/preset-env',
            {
                targets: {
                    node: 'current'
                }
            },
        ],
        '@babel/preset-typescript'
    ],
    plugins: [
        ['module-resolver', {
            alias: {
                '@controller': './src/controllers',
            }
        }]
    ],
    ignore: [
        '**/*.test.ts',
        '**/*.spec.ts',
        './.private/**/*'
    ]
};