美文网首页
webpack解决的问题

webpack解决的问题

作者: 湘兰沅芷 | 来源:发表于2021-03-26 20:18 被阅读0次

解决了之前需要手动维护javascript的加载顺序,页面多个javascript之间的隐式依赖关系。
解决了每个script标签都需要向服务器请求一次静态资源,过多的请求会拖慢网页的渲染速度。
多个script标签中,全局变量的作用域污染问题。

好处:
通过导入导出语句我们可以清晰的看到模块间的依赖关系。
模块可以借助工具进行打包,页面可以加载合并后的资源,减少了网络开销。
多个模块的作用域是隔离的,彼此不会出现命名冲突。

目前社区中比较流行的打包工具:webpack、parcel、rollup等
webpack的优势:
1.webpack默认支持多种模块打包标准,(AMD、CommonJS、
ES6),其他大多支持一到两种
2.webpack有完备的代码分割(code splitting)解决方案。
可以分割打包后的资源,首屏之家在必要的部分,其他的功能放到后面动态的加载。可以有效的减小资源体积,提升首页渲染速度。
3.webpack中的loader可以处理除javascript以外的各种类型的资源(样式、模板甚至图片),开发者只需导入他们即可
4.webpack有庞大的社区支持

webpack对nodejs的版本有一定要求,线上生产版本,推荐使用Node.js的LTS(Long Term Support长期维护版本)https://github.com/nodejs/Release

相关文章

网友评论

      本文标题:webpack解决的问题

      本文链接:https://www.haomeiwen.com/subject/kwrshltx.html