我可以在没有 nodejs 服务器的情况下在客户端使用 webpack 吗？

Question

我正在尝试构建一个 Web 应用程序，我想在其中存储所有 html、js 和 css 文件到 amazon s3，并通过 [=] 与 restful 服务器通信19=]。

我正在尝试实现延迟加载并可能使用 React 路由器进行路由。似乎 webpack 具有此功能代码拆分，其工作方式与延迟加载类似。

但是，我找到的所有教程和示例都涉及 webpack-dev-server，这是一个小型节点快递服务器。无论如何我可以在构建时生成包并将所有内容上传到 amazon s3 并实现类似于 Angular 的 ocLazyLoading 的东西？

Answer 1

绝对可以创建一个静态 bundle js 文件，您可以在不包含 webpack-dev-server 的生产代码中使用它。

参见 this example 作为参考（注意：我是此 repo 的所有者）。 webpack.prod.config.js 确实通过 node.js 使用 webpack 创建了一个生产就绪的捆绑文件，它本身不再需要 node.js。因此，您可以简单地将其作为一个简单的静态文件提供（在实际示例中完成）。

主要区别在于入口点在开发和生产环境中的编写方式。用于开发 webpack-dev-server 正在使用

module.exports = {
    entry: [
        'webpack-dev-server/client?http://localhost:3000',
        'webpack/hot/only-dev-server',
        './src/index'
    ],
    // ...
}

在生产环境中你跳过webpack-dev-server和热重载部分

module.exports = {
    entry: [
        './src/index'
    ],
    // ...
}

如果您想将代码分成多个包，您可能想看看如何相应地定义 multiple entry points 和 link 文件。

我可以在没有 nodejs 服务器的情况下在客户端使用 webpack 吗？

Can I use webpack on the client side without nodejs server?

amazon-s3

node.js

reactjs

webpack

webpack-dev-server