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

Question

我正在尝试构建一个 Web 应用程序，我想将所有 html、js 和 css 文件存储在 amazon s3 上，并通过 api 与 restful 服务器通信。

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

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

Answer 1

绝对可以创建一个静态捆绑 js 文件，您可以在不包含webpack-dev-server.

请参阅此示例作为参考（注意：我是此 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'
    ],
    // ...
}

如果您想将代码拆分为多个包，您可能需要了解如何定义多个入口点并相应地链接文件。