webpack打包机制

webpack其实就是一个JavaScript静态资源模块化打包工具、可以实现模块按需加载,预处理,打包等功能。

前端模块化:
目前的前端模块化方案有CMD,AMD,commonJS,ES6等等,但是在ES6之前,必须借助第三方工具来进行模块化开发,开发完成之后还需要处理各个模块之间的依赖关系,并且还需要把他们整合打包。webpack提供的就是可以让我们进行模块化开发,并且会帮我们处理各个模块之间的依赖关系,而且不仅仅是JavaScript。css、图片、Json都可以进行模块化来使用。

打包:
打包其实就是把模块化开发的文件合并在一个或者多个包(bundle)中,并且还可以对图片进行压缩,把scss转换为css,把ES6转换成ES5,把TypeScript转换成JavaScript等等。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前言: 我最近需要整理一下 webpack 这个前端构建工具的相关知识,希望对前端工程化的和模块化有更多的理解,我...
    Joah_l阅读 6,374评论 0 9
  • 写在开头 先说说为什么要写这篇文章, 最初的原因是组里的小朋友们看了webpack文档后, 表情都是这样的: (摘...
    Lefter阅读 5,335评论 4 31
  • 在现在的前端开发中,前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始...
    Charlot阅读 5,518评论 1 32
  • 目录第1章 webpack简介 11.1 webpack是什么? 11.2 官网地址 21.3 为什么使用 web...
    lemonzoey阅读 1,766评论 0 1
  • 本项目基于 入门 Webpack,看这篇就够了创建。本例程通过从头构建一个基于npm管理的前端项目,一步步的让读者...
    尤利西斯U阅读 2,963评论 0 8