轻松搞定webpack5.x
-
webpack属于一种前端资源构建工具,也可以称之为一个静态模块打包器。同时就webpack而言,前端的所有资源文件都可以作为模块来处理。它将根据模块的依赖关系进行静态分析,打包生成对应的静态资源。
entry:代表入口。webpack是基于模块的,使用webpack首先需要指定模块解析入口(entry),webpack从入口开始根据模块间依赖关系递归解析和处理所有资源文件。output:指的是输出。源代码经过webpack处理之后的最终产物。loader:指的是模块转换器。本质就是一个函数,在该函数中对接收到的内容进行转换,返回转换后的结果。并且因为Webpack 只能够辨别JavaScript语言,所以 Loader就顺利成章的成为了翻译官,然后对其他类型的资源进行转译的预处理工作。
plugin:扩展插件。基于事件流框架 Tapable,插件可以扩展 Webpack 的功能,在 Webpack 运行的生命周期中会广播出许多事件,Plugin 可以监听这些事件,在合适的时机通过 Webpack 提供的 API 改变输出结果。
mode 模式:这个模式下能够通过选择development 或 production的方式,来设置mode参数,并且能够启用相应模式下的 webpack 内置的优化。
西南地区IT社群(QQ)
- 云南
- 【昆明网页设计交流吧】243627302
- 【昆明nodejs交流吧】 243626749
- 【VUE】838405306
- 【云南程序员总群】343606807
- 【昆明UI设计】104031254
- 【云南软件外包】15547313
- 贵州
- 【PHP/java源码/站长交流群】55692114
- 四川
- 【成都Java/JavaWeb交流】86669225
- 【vaScript+PHP+MySql】116270060
- 【UI设计/设计交流学习群】135794928
- 重庆
- 【诺基亚 JAVA游戏博物馆】 559479780
- 【PHP,Java,Python,C++接单】 442103442
- 西藏