简单了解webpack打包流程

本篇文章给大家带来了关于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

商匡云商
Logo
注册新帐户
对比商品
  • 合计 (0)
对比
0
购物车