Модуль загрузки Webpack вне корневого каталога

Я использую Webpack для создания своих приложений response-redux и столкнулся с ситуацией: я попытался извлечь некоторые общие компоненты из одного каталога приложения, чтобы повторно использовать их во время нескольких приложений реагирования, но когда я попытался загрузить один компонент за пределами каталога приложения У меня есть ошибки:

Module build failed: SyntaxError: D:/dev/gdas/WebContent/reactx/common/components/HeaderFooter/Header.js: Unexpected token (74:31)

Мое правило babel-loader в webpack.config.js выглядит следующим образом:

{
    test: /\.jsx?$/,
    include: [path.resolve(__dirname, 'src'), path.resolve(__dirname, '../reactx/common/components')],
    loader: 'babel-loader'
}

и мой код импорта, как показано ниже:

import Header from '../../../reactx/common/components/HeaderFooter/Header.js'

Это какое-нибудь решение для решения этой проблемы?