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

Question

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

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

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

Answer 1

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

见 this example作为引用(注意:我是这个 repo 的所有者)。 webpack.prod.config.js 确实使用 webpack 通过 node.js 创建了一个生产就绪包文件，它本身不再需要 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并相应地链接文件。