本篇文章给大家带来了关于javascript的相关知识，其中主要介绍了webpack打包流程的相关问题，webpack是一个用于现代JavaScript应用程序的静态模块打包工具，下面一起来看一下，希望对大家有帮助。
【相关推荐：javascript视频教程、web前端】
webpack ：是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时，它会在内部从一个或多个入口点构建一个 依赖图(dependency graph)，然后将你项目中所需的每一个模块组合成一个或多个 bundles，它们均为静态资源，用于展示你的内容。
WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Sass，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。在3.0出现后，Webpack还肩负起了优化项目的责任。
这段话有三个重点：
-
打包：可以把多个Javascript文件打包成一个文件，减少服务器压力和下载带宽。
-
转换：把拓展语言转换成为普通的JavaScript，让浏览器顺利运行。
-
优化：前端变的越来越复杂后，性能也会遇到问题，而WebPack也开始肩负起了优化和提升性能的责任
1、创建一个新项目，然后执行
npm init
