本文介绍通过npm
来演示webpack
入门的示例。
webpack为JavaScript应用提供了静态绑定,当webpack处理我们的应用时,其递归地处理应用中每一个模块的依赖,然后打包这些模块到一个或者多个bundles,我尽可能地时本篇教程易于理解。
Webpack4 的改进之处
- 性能改进和更快的构建时间
- 零配置小应用程序(我们也可以看看ParcelJS教程)
- 针对纯模块更好的tree shaking,没有副作用
<script async>
支持- 默认的,我们可以导出导入网页集合(Rust, C++, C, etc)
- 介绍可以在developement或production下选择的mode属性,默认为production。
Webpack4 的开始
刚开始,我们只需要理解以下四个核心概念:
- Entry
- Output
- Loaders
- Plugins