Question

我有三个js文件。前两个是原始JavaScript-配置文件和帮助文件。最后一个是jQuery文件。在webpack配置文件中，我以以下方式配置了输入和输出-

entry: ['./assets/js/config.js', './assets/js/helper.js', './assets/js/script.js'],
output: {
    path: path.resolve(__dirname, 'build'),
    filename: 'script.bundle.min.js'
},

使用webpack构建代码后，我看到输出文件已成功构建。但是当我运行项目时，在console中我看到helper.js的函数未定义。

因此，我调查了有关该问题的详细信息。我到了config.js，除了helper.js文件要输出（script.js）之外，script.bundle.min.js并未构建

但是当我将代码构建为纯文件时，所有3个文件都包含在其中。

entry: ['./assets/js/config.js', './assets/js/helper.js', './assets/js/script.js'],
    output: {
        path: path.resolve(__dirname, 'build'),
        filename: 'script.bundle'
    },

在script.bundle文件中，包括了所有3个js文件。

如果我写一个简短的说明，那么这是我的js文件中的helper.js代码-

var dg_comma_separated_string_to_array = function (comma_separated_string) {
    if (!comma_separated_string || comma_separated_string == null || typeof comma_separated_string == "undefined")
        return [];
    return comma_separated_string.split(',');
};

所以我一直在尝试向我的dg_comma_separated_string_to_array文件（script.js）调用jQuery函数

正在构建jQuery文件而未构建其他两个原始js文件的原因是什么？

谢谢！

Webpack：带有文件数组的入口点无法正确输出

0 个答案: