前端构建_webpack

发布时间:2019-08-09 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了前端构建_webpack脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

webpack 是什么

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

现代前端

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

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

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