Webpack 存在时未定义函数

我正在

home.html

中使用

javascript.js

中定义的函数

（ShowPopUpProject）

不管我的功能是什么。 我只是把它添加到我的

webpack.config.js

：

我在

javascript2.js的其他函数中使用了
ShowPopUpProject，
当我运行
runnpm build
或
webpack
时，我的bundle.js文件中出现错误：

引用错误：未定义ShowPopUpProject

如您所见，我在
javascript.js中定义了函数，并且在
javascript2.js
并生成
webpack
文件时收到此错误。怎么可能
我能修好这个吗

Webpack条目是依赖关系树的根，因此您要告诉Webpack的是：


使用./js/javascript.js及其所有依赖项（需要/imports）创建一个名为bundle.js的文件
使用./js/javascript2.js及其所有依赖项创建一个名为bundle.js的文件（需要/imports）

如果javascript2.js从不导入javascript.js，那么它将不知道javascript.js中的函数，因为它是一个独立的依赖关系树

如果您确实要创建两个bundle，请在输出中使用类似于
[name].js的内容，并在文件中使用import/require，以确保在需要的地方定义函数
 我需要的是依赖关系树的根，而不使用import/require。我想做的很简单，只需将我所有的
js
文件移动到
bundle.js
并最小化它。你有什么建议？如果你想将所有js文件的内容连接到bundle.js并最小化，我相信你必须使用import或require。Webpack通过在每个条目上构建依赖关系树来工作。因此，您需要一个main.js或index.js，其中指定require（'./javascript.js'）和require（'./javascript.js'）。然后只将main.js作为您在webpack中的条目。
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"
        }

    };