使用Webpack将node_modules和客户端js捆绑在一起

Question

我对webpack相对较新，对如何设置它有点困惑，我使用express作为Web服务器，我的大部分代码都是服务器端代码。

首先，我通过阅读文档来尝试这样的事情：

module.exports = {
  context: __dirname + "/assets",
  target: 'node',
  entry: "../app.js",
  output: {
    filename: "bundle.js"
  }
};

这给了我一个不希望的结果，即生成一个包含整个项目所有服务器端代码的所有依赖项的bundle.js。

假设我有4页。

1. page1（使用jquery.js，script1.js）
2. page2（使用jquery.js）
3. page3（使用jquery.js，script1.js）
4. page4（不使用js）

我想创建一个webpack，通过网页编译所有这些内容以服务于客户端。我已经通过npm install jquery安装了jquery，这意味着它位于我的node_modules目录中。 script1.js是为项目创建的脚本文件，存储在/assets/js目录中。

你会怎么做这样的事情？

Answer 1

因此，经过几个小时的讨论，您可以按名称引用节点模块，以下内容将jquery节点模块捆绑到根项目目录中的文件jquery.js。

std::array