Charge

是什么？

Charge 是一款有主见的零配置静态网站生成器，用 JavaScript 编写。它支持各种常见的用例，而不需要配置或自定义。它速度快、简单易用，而且符合您的预期。这就是一切。

亮点

• 零配置
• 通过 JSX 和 MDX 进行模板化
• React 在服务器端渲染，不是 客户端
• 使用 Babel 编写未来 JavaScript
• 使用 PostCSS 编写未来 CSS
• 实时重新加载开发服务器
• 重新构建必要的最小文件
• 动态页面（即将推出）
• 超级文档 ✨

文档

您可以在 网站上找到 Charge 文档。

Charge 与 GatsbyJS 有何不同？

Gatsby 确实很酷，但它与 Charge 有很大不同，且有两个极大的不同之处。

Gatsby 优先使用配置而非常规。它可用于构建复杂的 Web 应用程序，但因此很难理解如何使用它。您需要知道如何使用 Webpack，而这会让我噩梦连篇。极有可能，您需要花时间学习其他工具，然后在为自己网站使用它前配置和调整 Gatsby。Charge 优先使用常规而非常规。事实上，它没有配置，它“仅适用于这些”。

Gatsby 在客户端渲染页面。这意味着它向浏览器提供 React 和一些相关的库以及您的组件，以便渲染页面。路由也发生在客户端。Gatsby 可以 在服务器端渲染初始页面加载，但无法不向浏览器提供数百千字节的 JavaScript。Charge 使用 React 在服务器端渲染所有内容。它生成真正的静态网站。

更多实际应用中，如果你正在构建大型复杂网站且想对其构建方式进行大量控制，那么 Gatsby 十分适合。如果你正在构建较小的网站并且不想浪费时间摆弄配置与拼凑不同的工具，那么 Charge 可能更好一些。

真实示例

如果你想在实践中了解所有内容，请看看使用 Charge 的这些网站。

• charge.js.org，Charge 文档。
• brandonweiss.me，个人网站。