使React JSX更快地构建而无需生产

时间:2018-12-02 15:23:39

标签: reactjs react-redux jsx

我将Web前端从纯JS切换到ReactJS。我的开发工作流程变慢了。曾经是我编辑文件,刷新浏览器,然后就在那里。但是现在,我必须运行“ npm run build”并等待几秒钟,然后刷新浏览器。

是否有一种无需建造就可以做到的方法?还是有一种我可以选择不构建精简JS以节省时间的方法?

1 个答案:

答案 0 :(得分:1)

1。使用webpack watch模式自动构建。

在开始构建的脚本中添加--watch参数

"start": "webpack --watch"

2。热模块更换

您可以将webpack配置为使用热模块替换,这基本上使代码处于实时编辑模式,并且无需刷新浏览器即可获取更改。配置可能很棘手,但可以节省很多时间。

有关更多信息,请参阅官方文档-Hot Module Replacement

3。使用create-react-app

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

导航到新目录并运行

npx create-react-app your-project-name

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

此处有更多信息-create-react-app