webpack在开发中的应用

一、node.js开发的优势

1、成本低

2、易维护

3、高性能

4、社区强大

二、异步编程

1、callback变成promise，终究是一个回调，进而改进为generator

三、webpack应用

1、属于配置型的构建工具，比较容易上手

2、配合react开发比较迅速，适合大规模项目

3、webpack的核心概念-----Module

三种写法，函数写法，对象写法，立即执行函数

4、webpack的定位是模块打包工具，特点：

1）、浏览器中加载入口及以依赖

2）、执行入口及依赖代码

3）、分析及合成模块系统

4）、生成文件束

5、提高构建速度的方法：

1）、将大型库外链

2）、将库预先编译

a）、DllPlugin，动态连接库，即实现将包打好，再引用

b）、DllReferencePlugin

c）、noParse 将部分编译成es5

3）、减少构建搜索或编译路径

a）、resolve.alias直接指明路径

b）、resolve.unsafeCache保存搜索过的路径，下次启动编译，不在搜索

c）、exclude 对某些文件不用编译

4）、缓存

5）、并行

a）、Happypack利用cpu并行

6、提升开发体验的方法：

a）、热刷新/热替换

b）、自建server的好处

c）、区分开发环境和生产环境

7、通过webpack进行首屏加载优化：

a）、cdn && hash

一个域名只能支持三四个并发，用cdn可以多个域名指向同一台服务器。

静态资源做hash化处理，避免覆盖旧文件，方便回滚，只用回滚html

b）、减少首屏包大小

c）、减少总体包大小

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/qq_36192099/article/details/78843360
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2019-09-01 18:48:58
阅读 ( 1402 )
分类：Go应用

webpack在开发中的应用

你可能感兴趣的文章

精选的优质文章

0 条评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看