一、webpack核心概念组成
入口（Entry）
出口（Output）
加载器（Loader）
插件（Plugins）
模式（Mode）
模块（Module）
依赖图（Dependency Graph）
二、webpack核心概念—入口
webpack通过入口，加载整个项目的依赖
三、webpack核心概念—出口
四、webpack核心概念—loader
专门用来处理一类文件（非JS）的工具
webpack默认只能识别JS，想要处理其他类型的文件，需要对应的loader
命名方式：xxx-loader（css-loader | html-loader | file-loader）
以 -loader 为后缀
常用加载器：https://www.webpackjs.com/loaders/
五、webpack核心概念—plugin
实现loader之外的其他功能，plugin是webpack的支柱，用来实现丰富的功能。
命名方式：xx-webpack-plugin（html-webpack-plugin），以-webpack-plugin为后缀
常用插件：https://www.webpackjs.com/plugins/
注：Loader和Plugin本质上都是npm包。
六、webpack核心概念—模式
用来区分环境的关键字，不同环境的打包逻辑不同，因此需要区分。
三种模式：development（自动优化打包速度，添加一些调试过程中的辅助）
production（自动优化打包结果）
none（运行最原始的打包，不做任何额外处理）
七、webpack核心概念—模块
webpack中，模块的概念比较宽泛（一切皆为模块）
详情：https://www.webpackjs.com/concepts/modules/
八、webpack核心概念—依赖图
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
