1. gulp和grunt 与 webpack的区别 webpack：webpack更侧重于模块打包，当然我们可以把开发中的所有资源（图片、js文件、css文件等）都可以看成模块。 2. 常见的 Loader 和 Plugin style-loader：把 CSS 代码注入到 …

如果js中引入jquery, webpack会去解析jq中是否有依赖库，配置noParse后打包时候忽略解析配置的库，提高打包效率。 exclude排除目录不进行解析。 比如引入第三方依赖库moment, 该库主要是对时间进行格式化，并且支持多个国家语言。 虽然只设置了一种语言…

CommonsChunkPlugin 插件，是一个可选的用于建立一个独立文件(又称作 chunk)的功能，这个文件包括多个入口 chunk 的公共模块。简单来说CommonsChunkPlugin主要是用来提取第三方库和公共模块，避免首屏加载的bundle文件或者按需加载的bu…

1. 开启gzip压缩的好处 可以减小文件体积，传输速度更快。gzip是节省带宽和加快站点速度的有效方法。 客户端接受到数据后去检查对应字段的信息，就可以根据相应的格式去解码。 客户端请求时，可以用 Accept-Encoding:gzip，用户说明接受哪些压缩方法。 客户端在…

webpack 对于每个前端儿来说都不陌生，它将每个静态文件当成一个模块，经过一系列的处理为我们整合出最后的需要的 js、css、图片、字体等文件。来自官网的图很形象的阐述了 webpack 的功能 —— bundle js / css / ... （打包全世界ヾ(◍°∇°◍)…

中无主而不止，外无正而不行。——庄子 现在前端开发基本上都会用到react、vue，用到了前端mvc、mvvm框架，基本上都会涉及到打包发布，打包常用的工具就是webpack、gulp等等。经常使用自然也要了解一些他大致的流程也会方便使用。 Entry: 指定webpack开始…

webpack4出了两个月，发现大家包括我对splitChunk的使用都还是在摸索阶段。我也看了挺多别人的配置demo，都觉得不太满意或者没得到太好的解惑，issue 下面的问题也没什么人回复，只能自己操作了，顺便记录下来，如果大家有更好的，欢迎评论区留下地址。 maxAsyn…

作为一名前端菜🐔，日常工作就是写各种业务代码， 看着大佬们写的小工具、插件啥的，羡慕不已。 偶然想到要不也写个插件试试？试试就试试，抱着试试看的态度，开始了。 一、插件介绍。 良辰：在左边test文件中写export语句时， 会自动在右边的index文件中导出。 橘子：这样省…

webpack 顾名思义, web 应用的 pack(打包) 工具. 举个栗子, 假如你出门旅行需要携带各种各样的随身物品, 怎么办咧? 一个背包搞定. 所有的随身物品打包到背包里, 管他充电器还是充电宝, 杜蕾斯还是冈本全都一步到位... 早期的 web 应用相对单调, 网页…