文档章节

学习 `webpack` 从 `青铜` 走向 `最强王者` 的道路。

gujieyi
 gujieyi
发布于 2017/07/11 21:37
字数 550
阅读 36
收藏 0

webpack基本了解

Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔,等到实际需要的时候再异步加载。通过 loader 的转换,任何形式的资源都可以视作模块,比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS 等。

以上是官方对webpack的概述。 我的理解很简单,在webpack就是资源管理器,能将任何形式的资源都能按照模块化管理起来。就比如图书馆按照一定类别,出版时间、作者等等规则,将庞大的书籍有序的摆放,当我们需要某一本书时,只需按照它的类型、作者等条件去找,很快能找到。 当然它还有另一个功能:对资源的处理。说道这里,就必须提到 gulp、grunt。很多人误以为它们是竞争对手, 但是事实上,它们可以相互合作。像 gulp 这类工具,主要做的是最资源的加工处理,比如 编译less 、资源的合并压缩等等。所以两者可以相互合作。当然webpack也提供了这一系列的功能 loader 其实很多这类插件都是从gulp中整合过来的。 总而言之,对于现在的前端,学习webpack的一些知识还是非常有必要的。就比如一个士兵,本来用小米加步枪,现在用 ak-47 整体战斗能力将提升很大。

学习目标

  • 能独立构建中小型项目的前端自动化工具。
  • wepack的原理进行深入学习
  • 构建一个自己的 webpack

主要段位

社区

https://doc.webpack-china.org/ 放心点把,是中文的。哈哈~~~~~~~

License

MIT

© 著作权归作者所有

gujieyi
粉丝 2
博文 7
码字总数 4468
作品 0
杭州
程序员
私信 提问
从青铜到王者10个css3伪类使用技巧和运用,了解一哈

写在前面 伪类经常与伪元素混淆,伪元素的效果类似于通过添加一个实际的元素才能达到,而伪类的效果类似于通过添加一个实际的类来达到。实际上css3为了区分两者,已经明确规定了伪类用一个冒...

2018/08/10
0
0
震惊!从青铜到钻石,只因搭了一个图像识别系统

如果你已经翻过了高数、线性代数和概率论的高山,又游过了一门编程语言的大海,那么恭喜你!你已经成功登上了AI攻城狮的 青铜 排位! 但企业爸爸的招聘条件一般都是黄金段位以上!所以,这时...

szm21c11u68n04vdclmj
2017/11/24
0
0
安卓等级划分

青铜 只看完各大培训视频/培训班毕业,会调用各种API。做些简单界面和一些简单APP。狂刷面试题。 大部分人在这里,极为浮躁,慎招。 白银 懂数据结构,设计模式,计算机网络(OSI7层模型每一层...

navychang
2016/04/15
1
0
新的巨像(the new colossus)

在纽约自由女神像下刻着一首诗,非常著名,被认为是美国自由精神的象征。 其中有一行堪称名句: "Give me your tired, your poor,Your huddled masses yearning to breathe free" 下面是对这...

阮一峰
2006/02/02
0
0
青铜到王者,快速提升你 MySQL 数据库的段位!

新的一周,老张(superZS)再次与大家见面,我们又要面临快速的生活节奏而令人厌恶的工作!现在大多数人选择放松自己的方式就是玩游戏,最为突出的可能就要属手游"王者荣耀"。 据说这款游戏上...

superZS
2017/07/25
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Java 判断实体类属性是否为空工具类

import org.apache.commons.lang.StringUtils;import java.lang.reflect.Field;import java.lang.reflect.Method;/** * 判断对象是否为空 * @param obj * @return */pub......

骑羊放狼灬
29分钟前
1
0
基于nginx搭建RTMP服务器

安装nginx 下载ngnix源码 git clone https://github.com/nginx/nginx.gitgit clone https://github.com/arut/nginx-rtmp-module.git 编译安装 ./configure --add-module=../nginx-rtmp-mod......

cloudjx
42分钟前
1
0
从 Spark 到 Kubernetes — MaxCompute 的云原生开源生态实践之路

2019年5月14日,喜提浙江省科学技术进步一等奖的 MaxCompute 是阿里巴巴自研的 EB 级大数据计算平台。该平台依托阿里云飞天基础架构,是阿里巴巴在10年前做飞天系统的三大件之分布式计算部分...

迷你芊宝宝
45分钟前
2
0
5个Vue.js项目的模板

开发人员查看使用SPA,Webpack,身份验证,GraphQL,文档和测试的Vue开发人员的资源。 你准备开始一个重要的Vue项目吗?为了确保从坚实的基础开始,您可以使用模板(也就是样板,骨架,起动器...

写字的男孩儿
46分钟前
1
0
epoll 的本质是什么?

从事服务端开发,少不了要接触网络编程。epoll 作为 Linux 下高性能网络服务器的必备技术至关重要,nginx、Redis、Skynet 和大部分游戏服务器都使用到这一多路复用技术。 epoll 很重要,但是...

编辑部的故事
49分钟前
12
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部