Webpack学习小结

前端工作了一年左右，对页面功能和布局实现已经基本能掌握，但公司使用的技术库比较旧，还是停留在jquery+scss+html阶段。因此在工作中对于模块化的了解甚少，于是加强了自主学习。随着如今前端代码的模块化复杂化，webpack是一个模块化解决方案，它的功能包括：

1.可以帮助我们可以把复杂的程序细化为小的文件，使得代码更易维护。

2.它的配置信息可以帮助找到各个应用需要的模块进行加载，避免了很多手动处理。

3.浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。

它的工作方式是：把你的项目当做一个整体，通过一个给定的主文件（如：index.js），Webpack将从这个文件开始找到你的项目的所有依赖文件，使用loaders处理它们，最后打包为一个（或多个）浏览器可识别的JavaScript文件。

 

安装

//全局安装
npm install -g webpack
//安装到你的项目目录
npm install --save-dev webpack