美文网首页
webpack介绍

webpack介绍

作者: 宝妞妞加油 | 来源:发表于2019-03-03 14:02 被阅读0次

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入门解析

    webpack 一. 认识webpack 1.1. webpack介绍 什么是webpack? 这个webpack...

  • webpack详解

    webpack 介绍 webpack 是什么 为什么引入新的打包工具 webpack 核心思想 webpack 安...

  • webpack介绍

    webpack是一个优秀的静态模块打包工具,它可以递归地构建出依赖关系,将所有模块打包成一个或多个bundle。 ...

  • Webpack介绍

    什么是Webpack webpack是一个模块打包器。它根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规...

  • webpack介绍

    简介 什么是模块打包?粗俗一点来讲,模块打包就是把一小坨一小坨的代码粘成一大坨。实际操作起来的时候当然还需要关注一...

  • webpack介绍

    前端构建工具发展:Grunt,Gulp 和 Webpack Grunt:从0到1,没有解决模块依赖,面向文件操作效...

  • webpack介绍

    1.什么是webpack webpack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScri...

  • Webpack介绍

    What is webpack webpack是一个static module bundler(静态模块打包器)。...

  • webpack&gulp集成简介

    webpack简单介绍 webpack is a bundler for modules. The main pu...

  • [webpack 学习系列] 1. webpack 工具的由来

    webpack 工具的由来 什么是 webpack ?官网是这样介绍的,webpack is used to co...

网友评论

      本文标题:webpack介绍

      本文链接:https://www.haomeiwen.com/subject/phcpuqtx.html