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的是：

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

如果javascript2.js从不导入javascript.js，则它将不知道javascript.js中的功能，因为它是单独的依赖关系树。

如果您确实要制作两个捆绑包，请在输出中使用类似[name].js的东西，并在文件中使用import / require以确保在需要的地方定义了功能。

存在时未定义功能

1 个答案: