[JavaScript知识库]webpack入门

1.概念

来自官网：本质上，webpack?是一个用于现代 JavaScript 应用程序的?静态模块打包工具。当 webpack 处理应用程序时，它会在内部从一个或多个入口点构建一个?依赖图(dependency graph)，然后将你项目中所需的每一个模块组合成一个或多个?bundles，它们均为静态资源，用于展示你的内容。

简单总结一下：

1）它是一个j前端打包工具；

2）我们普通的前端程序，是由html、js、css等文件，还有许多资源组成，而webpack，会把他们全部整合成一个包，讲这些内容整个进去，这就是bundles；

2.实践

1）我们首先去创建可以正常运行的一个html和js文件：