我将Web前端从纯JS切换到ReactJS。我的开发工作流程变慢了。曾经是我编辑文件,刷新浏览器,然后就在那里。但是现在,我必须运行“ npm run build”并等待几秒钟,然后刷新浏览器。
是否有一种无需建造就可以做到的方法?还是有一种我可以选择不构建精简JS以节省时间的方法?
答案 0 :(得分:1)
watch
模式自动构建。在开始构建的脚本中添加--watch
参数
"start": "webpack --watch"
您可以将webpack配置为使用热模块替换,这基本上使代码处于实时编辑模式,并且无需刷新浏览器即可获取更改。配置可能很棘手,但可以节省很多时间。
有关更多信息,请参阅官方文档-Hot Module Replacement
如果您刚刚开始项目,请使用create-react-app
生成react样板。它具有内置的热模块替换功能和development
和production
的最佳配置。
导航到新目录并运行
npx create-react-app your-project-name
这将使用您提供的名称创建一个新目录,其他所有内容将直接显示。
此处有更多信息-create-react-app