Webpack实战:入门、进阶与调优
上QQ阅读APP看书,第一时间看更新

1.5 本章小结

在这一章里,我们介绍了Webpack的功能,它可以处理模块之间的依赖,将它们串联起来合并为单一的JS文件。

在安装Webpack时我们一般选择在项目本地安装的方式,这样可以使团队开发时共用一个版本,并且可以让其他插件直接获取Webpack的内部模块。

配置本地开发环境可以借助npm scripts来维护命令行脚本,当打包脚本参数过多时,我们需要将其转化为webpack.config.js,用文件的方式维护复杂的Webpack配置。

webpack-dev-server的作用是启动一个本地服务,可以处理打包资源与静态文件的请求。它的live-reloading功能可以监听文件变化,自动刷新页面来提升开发效率。

现在我们本地的工程环境已经准备好,接下来我们会介绍如何编写和使用模块,以及Webpack是通过何种方式将模块串联在一起工作的,这对于理解和使用Webpack至关重要。