前端构建_webpack

webpack 是什么?

webpack是一个前端模块化打包工具指(由于模块化开发,所以需要打包,这里所说的 模块化开发主要指JS)
由于现代前端应用程序越来越复杂,需要采用模块化进行开发,但浏览器还未支持模块化开发,所以webpack才诞生
webpack默认只支持js的模块化(CommonJS/ES6/AMD),如果需要把其他文件(css/图片等)也当成模块引入,就需要相对应的loader解析器

现代前端

  • 挂载点
传统前端的挂载点:html入口文件 (无论是js、css还是图片等资源都统一由html文件管理和调度)

现代前端的挂载点:js入口文件 (无论是js组件、css还是图片等资源都统一由js文件管理和调度,html文件作为模板)
  • 模块化与打包工具
传统前端:都是多页面应用,无模块化概念,因此无需打包工具

现代前端:可以是单页面应用,也可以是多页面应用,有模块化概念,由于历史原因,很多浏览器还不支持模块化,故出现打包工具
  • 导入模块资源
传统前端:在html文件,导入css资源使用