Webpack: Uncaught ReferenceError: требование не определено

В моем проекте PHP - я пытаюсь собрать файлы js с помощью webpack и babel. Есть 3 файла js - config.js helper.js script.js. Они зависят друг от друга. helper.js зависит от config.js, а script.js зависит от helper.js.

config.js:

module.exports = {
  const DG_GRAPH_TYPE = 'line';

  const DG_XAXIS_TICKS = 4;

  const DG_SINGLE_POST_GRAPH_CANVAS_HEIGHT = 250;
  ......



helper.js:

const config = require('./config');

module.exports = {
......



script.js:

const helper = require('./helper');

jQuery(document).ready(function ($) {
......

Вот мой файл wepack.config.js, в котором я настроил следующий код:

const path = require('path');

module.exports = {
    entry: {
        script: [
            './assets/js/script.js'
        ]
    },
    output: {
        filename: '[name].bundle.min.js',
        path: path.resolve(__dirname, 'build'),
    },
    resolve: {
        extensions: ['.js', '.css']
    },
    module: {
        rules: [
            {
                test: /\.js/,
                exclude: /node_modules/,
                use: {
                    loader: 'babel-loader',
                    options: {
                        presets: ['@babel/preset-env'],
                        plugins: [require('@babel/plugin-proposal-object-rest-spread')]
                    }
                },
                parser: {
          amd: false, // disable AMD
          commonjs: false, // disable CommonJS
          system: false, // disable SystemJS
          harmony: true, // disable ES2015 Harmony import/export
          requireInclude: false, // disable require.include
          requireEnsure: false, // disable require.ensure
          requireContext: false, // disable require.context
          browserify: true, // disable special handling of Browserify bundles
          requireJs: true, // disable requirejs.*
          node: false, // disable __dirname, __filename, module, require.extensions, require.main, etc.
        }
            }
        ],
    }
};

Все работает нормально, за исключением того, что когда я добавляю встроенный файл сценария в проект, я получаю следующую ошибку консоли браузера:

Uncaught ReferenceError: require is not defined at Object. (script.bundle.min.js?ver=4.9.8:1) at a (script.bundle.min.js?ver=4.9.8:1) at Object. (script.bundle.min.js?ver=4.9.8:1) at a (script.bundle.min.js?ver=4.9.8:1) at script.bundle.min.js?ver=4.9.8:1 at script.bundle.min.js?ver=4.9.8:1

Я ожидал, что require.js должен решить проблему. Но это не так.

Не могли бы вы предложить мне подходящий способ решения проблемы?

РЕДАКТИРОВАТЬ

Основная идея работы - просто собрать несколько файлов js в одном месте, а также добавить babel, чтобы сделать его дружественным к браузеру, если мне нужно добавить ES6 / ES7.

Мой основной файл js - это script.js, у которого есть две зависимости: config.js и helper.js. Итак, я должен был собрать только script.js, в котором я хотел сохранить файл зависимостей import/require.

Сначала я попытался записать все файлы js, но все, что у меня было, было собрано script.js, а не другими. -

entry: {
        script: [
            './assets/js/config.js'
            './assets/js/helper.js'
            './assets/js/script.js'
        ]
    },

Вот package.json -

{
  "name": "GRAPH",
  "version": "1.0.0",
  "description": "Graph plugin",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "webpack"
  },
  "author": "ABC",
  "license": "ISC",
  "devDependencies": {
    "@babel/core": "^7.1.0",
    "@babel/polyfill": "^7.0.0",
    "@babel/preset-env": "^7.1.0",
    "babel-loader": "^8.0.4",
    "jquery": "^3.3.1",
    "mini-css-extract-plugin": "^0.4.3",
    "requirejs": "^2.3.6",
    "webpack": "^4.20.2",
    "webpack-cli": "^3.1.1",
    "webpack-dev-server": "^3.1.9"
  }
}

Кроме того, да. Я добавлял встроенный файл js в тег <script>.

КОНЕЦ РЕДАКТИРОВАНИЯ

Заранее спасибо!