webpack生成bundle.js文件为什么那么大,会影响加载速度吗

JavaScript07

webpack生成bundle.js文件为什么那么大,会影响加载速度吗,第1张

当然会比较大,因为不光打包了自己开发的JavaScript文件,还把依赖(就是那些第三方的库文件)也都打包进去了,确实会比较大。

webpack的好处有几项

解决依赖关系

多模块化标准支持

多功能插件支持

相比这些在软件工程中急需解决的问题,“大”这个小事儿可以通过其他方式解决。

譬如,

uglify,可以很大程度上压缩源代码,使之体积减小。

或者通过nginx的gzip_comp_level选项可以设置1 ~ 9不同的压缩级别,以降低网络传输压力。

两者混用效果奇佳,而且也是最常见最有效的方式

例如React.js的源文件有610k左右,uglify之后已经不到200k了,再通过nginx压缩一把,用户在浏览器下载时,只有40k左右了。

以当今的网络环境,除非自己有精确测试结果,否则真心没必要一开始就考虑什么文件大小的问题,咱们已经不是那个时代了

要打开.jsbundle文件,视窗需要知道您想使用什么应用程序去打开它,视窗可以自动去网上搜寻需要的应用程序或您可以从您的设备上手动选择已安装了的应用程序列表。你只需要安装适当的应用程序。JSBUNDLE文件是React Native JSBUNDLE。React Native是由Facebook,Inc.创建的一个开源移动应用程序框架。如果您想打开一个.jsbundle 的文件,你只需要安装适当的应用程序。如果 .jsbundle 文件关联设置不正确,您可能会收到以下错误信息:“视窗无法打开此文件:文件:example.jsbundle”。要打开这个文件,视窗需要知道您想使用什么应用程序去打开它,视窗可以自动去网上搜寻需要的应用程序或您可以从您的设备上手动选择已安装了的应用程序列表。支持的操作系统:Windows Server 2003/2008/2012/2016, Windows 7, Windows 8, Windows 10, Linux, FreeBSD, NetBSD, OpenBSD, Mac OS X, iOS, Android。要更改文件关联:右键单击一个您想改变其关联的文件与延伸档名,然后单击“打开”。在“打开”对话框中,单击您希望要打开的文件程序,或点击“浏览”找到你想要的程序。在复选框中选择“总是使用选定的程序”去打开这种文件

服务器推荐用nginx配置简单性能强悍

nginx使用代理访问端Node.js应用服务器

配置:

1)配置文件http段内容添加端服务器:

http {

#添加端服务器nginx负载均衡配置

upstream nodejs {

server 127.0.0.1:8080

}

...

}

2)给应用添加虚拟主机:

server {

listen 80

server_nameIP

location / {

proxy_pass nodejs#名字前面应所请求转发给端node

}

access_log logs/nodejs.access.log main#需要志

}

推荐静态文件css、js图片应用服务器