【问题标题】:How to hot-reload ReactJS build with gulp and browserify?如何使用 gulp 和 browserify 热重载 ReactJS 构建?
【发布时间】:2015-09-13 06:17:54
【问题描述】:

我知道,热重载最初是为 webpack 开发的。 我不想使用 webpack,因为它的配置很糟糕,还有很多其他原因。 webpack 的唯一优势是 ReactJS 的热重载。

有没有办法让我的 browserify + gulp build hot reload react webapp?

感谢您的宝贵时间!

【问题讨论】:

  • 接受的答案不是热重载。 watchify 只是在文件更改时重新捆绑。这与在浏览器中更改当前加载的应用程序中的模块没有任何关系。

标签: reactjs browserify webpack


【解决方案1】:

如果您希望热重载 react 组件(更新 js 而不重新加载页面),您可以使用 livereactreload@gaeron 推荐作为 react-hot-loader 的替代方案供 browserify 用户使用。

如果/当你有时间的话,如果你喜欢 webpack 的做事方式,你可以用 webpack 替换 browserify 并将其与现有的 gulp 构建过程集成。

【讨论】:

  • +1 作为答案,尽管 OP 明确表示他/她不喜欢 webpack 的做事方式
【解决方案2】:

你可以发现watchify

只需用 watchify 包装你的 browserify 命令:

watchify(browserify(options))

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-12-12
    • 2016-11-14
    • 1970-01-01
    相关资源
    最近更新 更多