Функция не определена, пока существует

Question

Я использую функцию (ShowPopUpProject) в home.html, определенную в javascript.js.

это неважно, какова моя функция. Я просто добавляю это в мой webpack.config.js:

var path = require('path');
var webpack = require('webpack');

module.exports =
    {
        mode: 'production',
        entry: [

            './js/javascript.js',
            './js/javascript2.js',

        ],
        output: {
            path: path.resolve(__dirname, 'dist'),
            filename: "bundle.js"
        }

    };

Я использовал ShowPopUpProject в других функциях на javascript2.js, когда я запускаю run npm build или webpack, я получаю сообщение об ошибке в моем файле bundle.js:

ReferenceError: ShowPopUpProject is not defined

Как вы видите, я определил функцию в javascript.js и при использовании в javascript2.js и сборка webpack файла получают эту ошибку. как может я это исправлю?

Answer 1

Записи Webpack являются корнем вашего дерева зависимостей, поэтому вы говорите Webpack:

• Создайте файл с именем bundle.js с помощью ./js/javascript.js и всех его зависимостей (требуется / импорт)
• Создайте файл с именем bundle.js с помощью ./js/javascript2.js и всех его зависимостей (требуется / импорт)

Если javascript2.js никогда не импортирует javascript.js, он не будет знать о функции в javascript.js, потому что это отдельное дерево зависимостей.

Если вы действительно пытаетесь сделать два пакета, тогда используйте что-то вроде [name].js в выходных данных и используйте import / require в файлах, чтобы убедиться, что функции определены там, где они нужны.