webpack介绍

1.什么是webpack

webpack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其他一些浏览器不能直接运行的拓展语言(Scss、TypeScript等),并将其打包为合适的格式以供浏览器使用。


可以做的事情

  • 代码转换
    ES6 =》ES5;Less,Sass =》 CSS
  • 文件优化
    压缩文件体积,合并文件
  • 代码分割
    懒加载
  • 模块合并
  • 自动刷新
    热更新
  • 代码校验
  • 自动发布

2.需要掌握的内容

  • node基础,npm的使用
  • es6语法
  • webpack常见配置
  • webpack高级配置
  • webpack优化策略
  • ast抽象语法树
  • webpack中的Tapable
  • webpack流程
  • 手写webpack中常见的loader
  • 手写webpack中常见的plugin

你可能感兴趣的:(webpack介绍)