2016 - 2024

感恩一路有你

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

浏览量:1245 时间:2021-03-13 02:17:22 作者:admin

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

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

其实很多人在实际工作中都会遇到类似的情况,你不必太紧张。你越紧张,你就越不知道怎么做。我们首先要做的是分析我们所缺乏的,我们需要学习的知识,特别是这个项目急需的一些技术知识。!只要你能掌握好这一点,你就可以很容易地从你现有的基础上学习一些新的编程知识,所以你不应该过于慌张和努力学习。

以下是您的一些建议供您参考。

1. 你需要有自己的分析,并找到一些相关的课程材料学习。现在网上有很多免费的资料。只要你寻找它们,你就会找到它们。

2. 就是分析你的项目生产顺序,总结每个环节需要掌握的技术,提前学习掌握,这样问题就相对少了。

3. 一定要去努力学习,尽量安排时间,这样才能学得快。

当然,另一个好方法是,你可以找到一个项目领域类似于你目前的项目和实践,同时学习。这样,你可以通过实际操作学得更快。

在工作中,一定要不断提高自己,才能进行长远的发展。只要领导看到你的努力和进步,我相信在大多数情况下,他们不会放过你。

学前端有什么好方法,怎么才能更快学会前端?

Webpack将每个模块的CSS打包到一个方法中webpack.config.js文件配置var extracttextplugin=require(“extract text webpack plugin”)//extract text webpack plugin以安装插件模块:{加载程序:[{测试:/。CSS$/,加载程序:ExtractTextPlugin.extract提取(“style loader”,“css loader”)}]},插件:[new Extracttextplugin(“css/[name]。CSS “)//将生成一个CSS文件]例如,在JS文件中导入“/CSS/Lib/bootstrap.min.css文件“导入.”/css/测试.css"

webpack动态加载模块 前端自动化部署 web模块化开发

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