美文网首页
Webpack构建之法,前言

Webpack构建之法,前言

作者: 忧郁的河蟹 | 来源:发表于2016-01-12 12:29 被阅读161次

什么是Webpack

webpack,是一个前端模块构建工具,利用Code Splitting技术将静态资源进行模块块处理。

设计目标

  • 模块分离。
  • 尽可能快的加载时间。
  • 每一个静态文件都能像模块一样,进行加载。
  • 能够很好地兼容第三方包。
  • 能够灵活定制构建工具的每一部分。
  • 适合大型项目开发。

Webpack特点

Code Splitting

webpack能够智能地分析,你的重复代码,避免重复加载。

Loaders

webpack可以在node.js环境下运行,能将静态文件变异成其他文件,例如babel可以将es5代码转换成es6。

Clever parsing

通过require,基本什么类型的文件,什么路径都可以很方便地进行加载

Plugin system

webpack 的特点就是可以定制很多插件,你可以很方便地根据你的需要定制你的插件。

关于使用部分

因为教程还算丰富,不是本文重点,我就不重复了,直接跳过。

相关文章

  • Webpack构建之法,前言

    什么是Webpack webpack,是一个前端模块构建工具,利用Code Splitting技术将静态资源进行模...

  • Webpack构建之法,Loader

    什么是loader 在我的理解webpack的 loarder相当于一个中间件,require('file!./t...

  • 构建之法-0-前言

    读了不少技术书籍,大多匆匆而过即置之脑后,想起时却很少记得一些关键内容了。几年来都是如此,所以我想换个方法读书,或...

  • Webpack构建之法,Code Splitting

    Code Splitting是Webpack的核心功能,其主要作用: 管理加载顺序 合并相同代码 模块管理 Cod...

  • Electron+Mobx+React开发记录(二)

    > Contents 前言 webpack4图片打包的问题 webpack4样式表打包分离 应用构建工具elect...

  • webpack代码拆分

    1 前言 这篇文章主要分享使用webpack作为构建工具的SPA项目的代码拆分经验,需要一些基本的webpack知...

  • webpack的四个核心概念介绍

    前言 webpack 是一个当下最流行的前端资源的模块打包器。当 webpack 处理应用程序时,它会递归地构建一...

  • JS那些事儿——Webpack入门使用

    前言 webpack 是什么?来自一位小白的疑问。 是构建工具,还是打包工具? webpack是一个模块加载器兼打...

  • 构建之法

    个人能力的衡量(开发的工作量和质量的衡量):通过代码行数或功能点来衡量;花费的时间;交付的代码有多少bug来衡量;...

  • H5 基础脚手架:极速构建项目

    前言 构建篇的 h5 项目构建配置,没有阅读过前文的读者拉到下方系列目录即可预览全系列 虽然 webpack 的优...

网友评论

      本文标题:Webpack构建之法,前言

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