我目前正在使用React.js构建一个Web应用程序,它将从内部API加载数据。我以前从来没有真正设置过React,所以我很难及时加载页面。我认为这是因为我使用babelify捆绑了所有的JSX组件,随着我需要更多的npm模块,它会快速增长。
目前,我正在使用以下构建命令编译我的所有React组件及其所需的模块,其中client / main.js是入口点。
browserify -t [ babelify ] client/main.js | uglifyjs -mc warnings=false > dist/bundle.js
然后我链接到我的index.html文件中的'dist / bundle.js',它被渲染。它工作得很好,直到我在我的一个组件中需要'request'模块,我假设它大大增加了bundle.js的大小。现在,每当我尝试加载页面时,都需要AGES(大约一两分钟)。我知道有很多不同的方法可以设置React页面,所以我只是想知道我是否可以获得关于我做错了什么的指示,或者我应该做些什么来避免这种延迟。