让React JSX在无生产的情况下更快地构建



我的web前端从纯JS切换到了ReactJS。我让我的开发工作流程变慢了。过去,我编辑一个文件,刷新浏览器,它就在那里。但现在,我必须运行"npmrun-build",并等待几秒钟后刷新浏览器。

有没有一种方法我可以做到这一点而不需要建筑?或者有没有一种方法可以让我选择不构建缩小的JS来节省时间?

1。使用webpackwatch模式自动生成

--watch参数添加到启动构建的脚本中

"start": "webpack --watch"

2.热模块更换

您可以将webpack配置为使用热模块替换,这基本上将您的代码置于实时编辑模式,您不必刷新浏览器即可获得更改。配置可能很棘手,但会为您节省大量时间。

有关更多信息,请参阅官方文档-热模块更换

3.使用create-react应用程序

如果您刚刚开始您的项目,请使用create-react-app生成react样板。它配备了内置的热模块更换和developmentproduction的最佳配置。

导航到新目录并运行

npx create-react-app your-project-name

这将使用您提供的名称创建一个新目录,其他所有内容都将直接显示出来。

点击此处获取更多信息-创建react应用程序

相关内容

最新更新