Preact捆绑包大小太大vs create-react-app？
Preact是一个轻量级的JavaScript库，用于构建用户界面。与React类似，Preact提供了组件化开发的能力，使得开发者可以更高效地构建交互式的Web应用程序。
Preact捆绑包大小相对较小，这是它的一个优势。由于Preact采用了更精简的代码实现，它的压缩后的大小通常只有几十KB，相比之下，React的压缩后大小通常在几百KB左右。这意味着使用Preact可以减少页面加载时间，提升用户体验。
相比之下，create-react-app是一个用于快速搭建React应用程序的脚手架工具。它提供了一套现成的项目结构和配置，使得开发者可以更快速地开始React应用程序的开发。create-react-app默认使用的是React，因此生成的捆绑包会比较大。
选择Preact还是create-react-app取决于具体的项目需求和考虑因素。如果项目对性能和页面加载速度有较高的要求，且不需要使用React的所有功能和生态系统，那么选择Preact是一个不错的选择。如果项目需要使用React的所有功能，并且对捆绑包大小没有太大的顾虑，那么create-react-app是一个更合适的选择。
以下是一些推荐的腾讯云相关产品和产品介绍链接地址，可以帮助您更好地使用Preact或create-react-app：
- 云服务器（CVM）：提供可扩展的云服务器实例，用于部署和运行您的Preact或create-react-app应用。了解更多：https://cloud.tencent.com/product/cvm
- 云存储（COS）：提供高可靠、低成本的对象存储服务，用于存储您的应用程序所需的静态资源文件。了解更多：https://cloud.tencent.com/product/cos
- 云函数（SCF）：无服务器计算服务，可用于运行您的后端逻辑，例如处理API请求、数据库操作等。了解更多：https://cloud.tencent.com/product/scf
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据您的实际需求和项目情况进行评估和决策。
相关·内容
1回答
Preact捆绑包大小太大vs create-react-app？
reactjs、webpack、bundle、preact、webpack-bundle-analyzer
我正在考虑将我的项目过渡到Preact，以减少我的捆绑包大小。我想看看Preact是否真的创建了一个更小的捆绑包。然而，经过比较，差异比我预期的要小。Preact，39kb：
React 45kb：
我是不是在实现中做错了什么？我使用preact build --analyze分析了Preact包，并为React应用程序使用了webpack包分析器。
浏览 35提问于2021-03-05得票数 0
3回答
如何将创建-反应-应用程序转换为Preact？
reactjs、webpack、create-react-app、preact
根据Preact文档，要将React应用程序转换为Preact，您必须化名为webpack： "resolve": { "react": "preact-compat", }}
你怎么能用create-react-app做到这一点，因为这就隐藏了web
浏览 1提问于2019-09-25得票数 7
回答已采纳
1回答
如何将Preact添加到现有的create-react-app项目？
reactjs、create-react-app、preact、customize-cra
我有一个React项目，我想将其转换为Preact，以节省捆绑包大小。addWebpackAlias } = require('customize-cra');
addWebpackAlias({ 'react-dom': 'preact/compat&
浏览 17提问于2021-03-03得票数 0
1回答
为什么用于Preact的npm包清单显示它超过1MB，而它应该是3kb？
reactjs、npm、bundler、preact
我一直在研究使用Preact来构建可嵌入/可分发的小部件，其中一个到处被吹捧的好处是构建大小应该很小--只有3kb，。但是如果你看看NPM包，Preact说Unpacked Size: 1.26MB，而React说Unpacked Size: 291kb。在我看来，React几乎比Preact小5倍。然后，如果你看一下，它说当最小化时，Preact是16kb。它确实说是4kb的gzip，但据我所知，gzip压缩并不是前端框架构建过程中的标准，所以我不知道Preact</
浏览 6提问于2021-11-28得票数 1
2回答
React + Webpack在单页应用中的文件大小问题
reactjs、webpack
但是我想，如果我使用Webpack将整个应用程序捆绑成一个.js文件，那么即使我将供应商的源码捆绑成外部资源，.js文件的大小也会非常大
我认为这是单页应用程序中常见的问题，应该有更好的方法来解决这个问题
浏览 23提问于2017-08-16得票数 1
1回答
Preact生成大小太大
reactjs、preact
我正在使用preact，遵循文档，我已经使用命令npx preact-cli create default my-project来设置项目。有人建议preact项目伴随着较小的大小，所以我决定测试它，并立即尝试npm run build，而不更改模板。结果显示build文件夹的大小超过了700kb。我需要达到这个规模，为项目，因为preact被选择是因为它的规模很小。
浏览 11提问于2021-11-08得票数 0
回答已采纳
1回答
Vue可重用组件和Nuxt应用程序包大小
javascript、vue.js、webpack、vue-component、nuxt.js
我想澄清一下我的NUXT项目中使用的webpack捆绑包分析器的结果。 CitySelector组件在不同的nuxt页面上被多次使用。~/components/CitySelector.vue"
components: { }, 在检查了webpack捆绑包分析器的结果后我猜捆绑包太大了，因为错误地使用了可重用组件。请告知我对分析仪结果的解释是否正确？在这种情
浏览 11提问于2019-02-13得票数 1
回答已采纳
1回答
大量的帮助函数会增加发送到客户端的包的大小吗？
reactjs
它是用React (create-react-app)在前端和.Net在后端编写的。我的问题是:这是否会以用户会注意到的方式增加发送到客户端的应用程序的捆绑包大小？
浏览 18提问于2021-08-18得票数 0
2回答
优化webpack捆绑包大小-不导入RTDB能否初始化firestore？
javascript、firebase、google-cloud-firestore
我正在使用webpack编译一个preact / firestore应用程序，而firebase总体上为我编译的包贡献了1.7MB的空间。我正在尝试减少这个数字。实时数据库和存储器一起贡献了大约750kb的束大小。由于我根本没有使用实时数据库和存储，我希望从捆绑包中排除它们。firebase/firestore");import auth from 'firebase/auth';
require("firebas
浏览 3提问于2018-01-11得票数 4
1回答
Web应用速度性能
performance、reactjs、deployment、webpack
我的简单问题是：
我的捆绑文件只有大约4.5MB，但由于图片和其他资产，我的总体回购量是20 My。我的问题是，应用程序的性能(首次打开页面)是否只受我的包大小的影响？还是整个回购？还有，什么东西被认为是太大的回购或捆绑？对于一般的企业生产应用？
浏览 0提问于2017-08-15得票数 1
回答已采纳
1回答
Bundler不包含脚本文件
javascript、visual-studio-2012、ember.js、bundle
我正在使用多个javascript文件的Ember.js创建单页面应用程序，这些文件是使用VS2012中的捆绑功能组合和缩小的。如果我打开缩小(BundleTable.EnableOptimizations = true;)，ember库( ember.js -1.0.0-rc.3.js)不会包含在ember包中。我的捆绑包定义如下：
浏览 3提问于2013-04-30得票数 0
1回答
在系统中捆绑有意义吗？
angular、gulp、systemjs、jspm
我想为生产创建一个静态的单个包，并将除了我自己的开发代码之外的所有东西都捆绑在一起。在使用systemjs之前，这是我过去的正常流程。与gulp-jspm/systemjs-builder捆绑后，包文件比2MB(源)或1.2MB(小型化)大。由于这看起来太大了，我使用普通的jspm进行了双重检查，但是文件大小是一样的。injectjspm bundle app/bootstrap mybundlename.js
如果我想要在移动浏览器上运行我的web应
浏览 3提问于2016-05-17得票数 7
回答已采纳
1回答
如何减小Plotly.js三维曲面图的捆绑尺寸？
webpack、charts、plotly、plotly.js
我只需要用库在3D中绘制一个表面图，但是包太大了( ~2MB)。因此，我决定只添加他们为3D绘图提供的部分包(称为 )。这个包的大小约为500KB，仍然很大。
我决定在webpack的帮助下创建自己的，只添加如下所示的曲面图模块。但是自定义捆绑包的大小比他们已经提供的要大。它大约有1.5MB！看起来他们做的不仅仅是简单的捆绑。有人能帮帮我吗？
浏览 26提问于2020-05-30得票数 0
回答已采纳
2回答
如何将捕获到的图像(Surface View)传递到另一个分片，而不将图像保存到本地？
java、android、android-fragments、android-camera
我现在有一个来自谷歌样本的相机应用程序，该应用程序捕获图像，然后将其保存到本地存储中。我想要的是将图像转换为位图，并将其传递到另一个视图(片段) implements View.OnClickListener, ActivityCompat.OnRequestPermissionsResultCallback {
* Conversion from screen rotation to JPEG orientation.private static final S
浏览 0提问于2018-06-26得票数 2
1回答
ASP.NET MVC脚本包加载时间过长
javascript、jquery、asp.net-mvc
它被捆绑在一起并且被最小化了。我搞不懂为什么这个包裹会花这么长时间。有什么想法吗？
浏览 1提问于2014-10-01得票数 1
1回答
在create-react-app (CRA)中获取总捆绑包大小
webpack、create-react-app、cra
在我的CRA应用程序中运行yarn build会打印出有用的信息，包括包的大小。有没有办法只提取Javascript和CSS包的大小？
浏览 18提问于2021-10-22得票数 1
2回答
React -每个组件的翻译
reactjs、internationalization、translation、create-react-app、i18next
我正在为我的React应用程序使用create-react-app，目前我正在尝试翻译。我不想在构建中包含这些语言环境文件，因为我们将支持10种语言，因此包的大小会太大。
浏览 2提问于2018-11-15得票数 4
1回答
如何使用类似Angular 2 ng构建的Webpack缩小JS文件
angular、webpack、gzip
当我在angular-cli环境中使用ng build时，JS包文件的大小从2.8MB降到了400Kb。
我有一个非angular项目，其中模块捆绑是使用webpack执行的。我试过使用webpack -p，但由于angular ng build的缘故，它的大小并没有太大的减少。
浏览 1提问于2017-05-03得票数 1
1回答
用一个文件捆绑
asp.net-mvc、performance、asp.net-mvc-3、bundling-and-minification
该视图将几个javascript文件作为一个包加载。但是一个js文件根据部分视图不同。
我可以把一个文件捆绑在我的部分，它会提高性能吗。或者如何缩小该文件以提高性能。
浏览 5提问于2016-01-04得票数 0
回答已采纳
2回答
Redux示例-捆绑优化
webpack、redux、react-redux、webpack-hmr
我已经尝试过缩小代码，但我无法缩小包的大小。我做错了什么？
浏览 0提问于2016-07-17得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
