01基本
总结
想让源文件加入构建流程中被webpack控制,配置entry
想自定义输出文件位置和名称,配置output
想自定义寻找依赖模块的策略,配置resolve
想自定义解析和转换文件的策略,配置module,通常是配置module rules里面的Loader
弱其他大部分需求可能通过Plugin去实现,则配置plugin
webpack 的基本概念
webpack 本质上是一个打包工具,它会根据代码的内容解析模块依赖,帮助我们把多个模块的代码打包。借用 webpack 官网的图片:
如上图,webpack 会把我们项目中使用到的多个代码模块(可以是不同文件类型),打包构建成项目运行仅需要的几个静态文件。webpack 有着十分丰富的配置项,提供了十分强大的扩展能力,可以在打包构建的过程中做很多事情。我们先来看一下 webpack 中的几个基本概念。
loader
我们可以把 loader 理解为是一个转换器,负责把某种文件格式的内容转换成 webpack 可以支持打包的模块。
plugin
模块代码转换的工作由 loader 来处理,除此之外的其他任何工作都可以交由 plugin 来完成。
