Использование внешних веб-пакетов вызывает ошибку «require is notfined» в браузере

Question

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

var path = require('path');

module.exports = (env, args) => {
  entry: './src/index.js',
    output: {
    path: path.resolve(__dirname, 'build'),
      filename: 'index.js',
        libraryTarget: 'commonjs2'
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /(node_modules|build)/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ["@babel/preset-env", "@babel/preset-react"]
          }
        }
      }
    ]
  }
  externals: {
    react: 'commonjs react'
  }
}

При запуске в браузере я получаю 'require is not defined'.Почему в веб-пакете содержится обязательный оператор?Если я удаляю внешние компоненты из конфигурации, все работает нормально.

РЕДАКТИРОВАТЬ: Запустив в браузере, я имею в виду, что я создал клиентский проект для lib с использованием npx create-реагировать-приложение.Там я импортировал свой пакет с помощью оператора импорта.