回答
webpack是一个静态模块打包工具,目的是为了实现前端项目的模块化,更高效的管理和维护项目中的每一个资源,由于在进行我们前端模块化开发的过程中可能会存在以下问题:
- 浏览器识别不了我们的模块化语法
- 使用到语言的一些高级特性例如JS的ES6语法,CSS的预处理器less、sass等
- 监听文件的变化来并且反映到浏览器上,提高开发的效率
- 不仅JS需要模块化,HTML和CSS这些资源文件也面临需要给模块化的问题
- 对开发后的代码进行压缩、合并以及进行一些相关的优化
通过webpack构建后的代码是可以解决以上的这些问题的,最终将这些需要打包的源文件构建成浏览器能够识别并且运行的文件输出到我们的浏览器中运行。