![](/img/trans.png)
[英]Why ReactJS bundle size in development mode is smaller than production mode?
[英]ReactJS in development mode
有没有一种方法不必每次都运行我的应用程序? 编译后就无法调试。 我已经在视频中看到,浏览器加载了数百个js文件,而不是一个大的build.js。
我需要进行哪些更改才能实现此目的?
这是使用诸如React之类的现代事物的失败,但是答案是使用诸如webpack之类的东西。 Webpack能够生成单个文件,但也可以生成单个文件。 然后,浏览器工具能够将单个构建文件映射到原始源代码,从而使调试变得更加容易。 Browserify也具有此功能,您可以将其与侧吞咽或咕unt声一起使用,并与babel一起用于编译ES6。
但我建议您检查一下webpack,因为它越来越普遍。 我个人觉得很难弄清楚,但是一旦运行起来,那就太好了。 我没有一个很好的示例,可以方便地将webpack与react一起使用,但是有关该主题的文章和教程很多: https ://www.codementor.io/reactjs/tutorial/beginner-guide-setup- reactjs-environment-npm-babel-6-webpack
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.