Совместное использование детализированных модулей ECMAScript между Node и webpack

Я использую Babel для компиляции своего кода JavaScript, и у меня есть отдельные конфигурации для webpack (базовый) и Node (переопределить):

module.exports = {
    presets: [
        [
            '@babel/env',
            {
                modules: false,
                useBuiltIns: 'usage',
            },
        ],
        '@babel/react',
        '@babel/flow',
    ],
    overrides: [
        {
            include: ['src/scripts'],
            presets: [
                [
                    '@babel/env',
                    {
                        modules: 'commonjs',
                        useBuiltIns: 'usage',
                        targets: {
                            node: '6',
                        },
                    },
                ],
            ],
        },
    ],
};

Итак, scripts - это мой код узла, остальное - на стороне клиента (веб-пакет). Я не могу импортировать что-либо в папку scripts из модуля в любой другой папке.

Если я использую экспорт по умолчанию:

export default function fn() {}

И импортируйте это так:

import fn from '../scripts/fn'

Я вижу эту ошибку:

"export 'default' (imported as 'fn') was not found in '../scripts/fn'

Если я использую именованный экспорт:

export function fn() {}

И импортируйте это так:

import {fn} from '../scripts/fn'

Я вижу эту ошибку:

"'../scripts/fn' does not contain an export named 'fn'.