我的web前端从纯JS切换到了ReactJS。我让我的开发工作流程变慢了。过去,我编辑一个文件,刷新浏览器,它就在那里。但现在,我必须运行"npmrun-build",并等待几秒钟后刷新浏览器。
有没有一种方法我可以做到这一点而不需要建筑?或者有没有一种方法可以让我选择不构建缩小的JS来节省时间?
1。使用webpackwatch
模式自动生成
将--watch
参数添加到启动构建的脚本中
"start": "webpack --watch"
2.热模块更换
您可以将webpack配置为使用热模块替换,这基本上将您的代码置于实时编辑模式,您不必刷新浏览器即可获得更改。配置可能很棘手,但会为您节省大量时间。
有关更多信息,请参阅官方文档-热模块更换
3.使用create-react应用程序
如果您刚刚开始您的项目,请使用create-react-app
生成react样板。它配备了内置的热模块更换和development
和production
的最佳配置。
导航到新目录并运行
npx create-react-app your-project-name
这将使用您提供的名称创建一个新目录,其他所有内容都将直接显示出来。
点击此处获取更多信息-创建react应用程序