javascript - Webpack 正在向捆绑文件添加额外的代码(导致包含后抛出错误)

Question

我正在使用 webpack 在我的 Node 项目中设置捆绑。我已经创建了 webpack 配置文件来捆绑文件。但在包含捆绑文件后，我收到错误。

我正在尝试将 jquery 文件捆绑到输出路径中。我可以使用下面的 webpack.config.js 代码捆绑它。

var path = require('path');

module.exports = {
        target: 'web',
        output: {
            path: path.resolve(__dirname, "./public/javascripts"),
            filename: "bundle-jquery.js",
        },
        entry: './bower_components/jquery/dist/jquery.min.js'
    }

现在我包括了捆绑到脚本 src 中的输出路径，替换了 jquery。但它不起作用，我收到“$未定义错误”。通过查看捆绑文件，我发现捆绑文件在开始时添加了额外的代码。

Answer 1

你的做法完全错误。如果您希望在项目中使用 jquery，则应该将其导入到代码中。

条目应该是您的 main.js 或任何您的条目文件的名称。然后在 main.js 中执行:

import $ from 'jquery' // or use relative path

然后，Webpack 将为您捆绑 jquery。