2016 - 2024

感恩一路有你

webpack打包原理阮一峰 webpack生成bundle.js文件为什么那么大,会影响加载速度吗?

浏览量:2047 时间:2021-03-13 13:48:42 作者:admin

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

当然,它会比较大,因为不仅打包了您开发的JavaScript文件,而且打包了依赖项(即那些第三方库文件),这确实是比较大的。webpack具有解决依赖关系、多模块标准支持、多功能插件支持等优点。与这些软件工程中迫切需要解决的问题相比,“大”可以通过其他途径来解决。例如,uglify可以在很大程度上压缩源代码并减少其体积。或者通过nginx_uucomp_uu2;的gzip,level选项可以设置从1到9的不同压缩级别,以降低网络传输压力。两者混用的效果非常好,也是最常见、最有效的方法反应.js经过uglify,源文件不到200K,如果用nginx压缩,用户可以用40K下载,在今天的网络环境下,除非你有准确的测试结果,一开始就不需要考虑文件大小的问题。我们已经不在那个时代了

webpack是webpack的一个包命令,它是最基本的包命令。另一方面,Npmruwebpack处于包.json文件中有一个脚本配置项。脚本中的自定义命令通过NPM运行。例如:scripts“:{”start“:”webpack--configwebpack.config.js配置网页包--Progress--watch“}当脚本名为“start”时,可以省略“run”,直接说:npmstart。你所说的属于这个例子:脚本名是“webpack”scripts“:{”webpack“:”webpack--configwebpack.config.js配置网页包--progress--watch“}一些参数可以在以后添加以促进开发。执行以下语句npmrunwbpack相当于执行脚本中的长命令字符串

webpack打包原理阮一峰 webpack打包 webpack单独打包vue文件

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。