没有合适的资源?快使用搜索试试~ 我知道了~
webpack 打包工具,中文说明
需积分: 14 14 下载量 32 浏览量
2018-01-24
09:39:55
上传
评论
收藏 841KB PDF 举报
温馨提示
webpack是目前使用范围最广范,功能最强大的前端打包工具,是现在mvvm框架开发避不开少的工具。webpack是前端程序人员必须具备的技能,webpack在最近几年内前端必不可少的的技术。 任何形式的资源都可以被视为模块,webpack兼容了目前比较流行的,vue.js,angularjs,React。
资源推荐
资源详情
资源评论
Webpack中文指南
Webpack是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依
赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔,等
到实际需要的时候再异步加载。通过 loader的转换,任何形式的资源都可以视作模块,比
如CommonJs模块、AMD模块、ES6模块、CSS、图片、JSON、Coffeescript、LESS
等。
主站·下载电子版
贡献内容
如果你想参与这本书的共同创作,修改或添加内容,可以先Fork这本书的仓库,然后将修改
的内容提交Pullrequests;或者创建Issues。
Fork后的仓库如何同步本仓库?
//添加upstream源,只需执行一次
$gitremoteaddupstreamgit@github.com:zhaoda/webpack-handbook.git
//拉取远程代码
$gitpullupstreammaster
//提交修改
$gitadd.
$gitcommit
//更新fork仓库
$gitpushoriginmaster
更多参考:Syncingafork
注意,本书内容在 /content目录中, /docs和Wiki版是通过脚本自动生成的。
生成电子书
这本书使用Gitbook撰写并生成网站,请查看 package.json中的 scripts配置和
/scripts目录中的脚本来了解这本书的构建和发布过程。
Introduction
2
//初始化nodejs依赖
$npminstall
//安装gitbook插件
$npminstallgitbook-cli-g
$gitbookinstall./content
//启动gitbook服务开始撰写工作
$npmrunserve-gitbook
//生成gitbook
$npmrungenerate-gitbook
//生成wiki
$npmrungenerate-wiki
//发布到wiki
$npmrundeploy-wiki
//生成并发布,是上面3条命令的快捷方式,通常编辑内容后只需要进行这个操作
$npmrungenerate-and-deploy
更新日志
https://github.com/zhaoda/webpack-handbook/commits/master
版权许可
Webpack中文指南由赵达创作,采用知识共享署名-非商业性使用4.0国际许可协议进行
许可。
Introduction
3
前言
介绍前端模块系统的演进历史,以及Webpack出现的背景及其特点。
前言
4
现状
伴随着移动互联的大潮,当今越来越多的网站已经从网页模式进化到了Webapp模式。它们
运行在现代的高级浏览器里,使用HTML5、CSS3、ES6等更新的技术来开发丰富的功能,
网页已经不仅仅是完成浏览的基本需求,并且webapp通常是一个单页面应用,每一个视图通
过异步的方式加载,这导致页面初始化和使用过程中会加载越来越多的JavaScript代码,这
给前端开发的流程和资源组织带来了巨大的挑战。
前端开发和其他开发工作的主要区别,首先是前端是基于多语言、多层次的编码和组织工
作,其次前端产品的交付是基于浏览器,这些资源是通过增量加载的方式运行到浏览器端,
如何在开发环境组织好这些碎片化的代码和资源,并且保证他们在浏览器端快速、优雅的加
载和更新,就需要一个模块化系统,这个理想中的模块化系统是前端工程师多年来一直探索
的难题。
模块系统的演进
模块系统主要解决模块的定义、依赖和导出,先来看看已经存在的模块系统。
<script>标签
<scriptsrc="module1.js"></script>
<scriptsrc="module2.js"></script>
<scriptsrc="libraryA.js"></script>
<scriptsrc="module3.js"></script>
这是最原始的JavaScript文件加载方式,如果把每一个文件看做是一个模块,那么他们的接
口通常是暴露在全局作用域下,也就是定义在 window对象中,不同模块的接口调用都是一
个作用域中,一些复杂的框架,会使用命名空间的概念来组织这些模块的接口,典型的例子
如YUI库。
这种原始的加载方式暴露了一些显而易见的弊端:
全局作用域下容易造成变量冲突
文件只能按照 <script>的书写顺序进行加载
开发人员必须主观解决模块和代码库的依赖关系
在大型项目中各种资源难以管理,长期积累的问题导致代码库混乱不堪
CommonJS
模块系统
5
剩余28页未读,继续阅读
资源评论
keep-go-on
- 粉丝: 5326
- 资源: 18
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 中部槽双枪自动焊接专机的设计与应用.pdf
- 中东地区炼化工程现场焊接质量的控制.pdf
- 中国焊接工程师培养历程及国际接轨的发展展望.pdf
- 中厚板机器人焊接系统 (2).pdf
- 中厚度钢板单面焊全熔透焊缝焊接技术.pdf
- 中梁上盖板焊接反变形压型工艺探讨.pdf
- 中频电源对焊接工程车发电机干扰的解决方法.pdf
- 中小型安全PLC等安全保护产品在机器人焊接单元的应用.pdf
- 重叠式高压换热器复合金属材料的焊接方法.pdf
- 重型变速箱副箱焊接式行星架开发.pdf
- 中压锅炉过热器管排常用钢种焊接技术探讨.pdf
- 重要产品用低合金钢焊接性能综合评价.pdf
- 重整焊接板式换热器压力降升高原因和处理.pdf
- 轴承保持器焊接变形控制工艺.pdf
- 重载铁路75 kgm钢轨移动闪光焊焊接施工技术.pdf
- 珠光体钢与奥氏体钢异种钢焊接材料的选择与应用.pdf
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功