文档章节

Dojo Build 简介

blocklang
 blocklang
发布于 11/03 11:33
字数 1254
阅读 221
收藏 0

翻译自:https://github.com/dojo/framework/blob/master/docs/en/building/introduction.md

Dojo 提供了一套强大的命令行工具,让构建现代应用程序更加简单。

可以自动创建包(Bundle),可以使用 PWA 在本地缓存文件,可以在构建阶段渲染初始的 HTML 和 CSS,也可以使用 Dojo 的 CLI 工具和 .dojorc 配置文件按条件忽略一些代码。或者脱离(eject) Dojo 的构建工具,直接使用底层的构建工具以做到完全掌控。

功能 描述
Dojo CLI 模块化的命令行工具,用于快速启动新的应用程序、创建部件和运行测试等。
开发服务器 开发时使用的本地 web 服务器,用于监听文件系统,当检测到变化时会自动重新构建。也支持 HTTPS 和设置代理。
包(bundle) 通过减少用户需要下载的内容和优化用户实际需要的应用程序交互时间(Time-to-Interactive)以提高用户体验。可以根据路由自动创建包,或者在配置文件中明确定义包。
按条件纳入代码 通过 .dojorc 配置文件可以静态方式关闭或打开使用 dojo/has 定义的功能。由于这些配置而无法访问到的代码分支会被自动忽略掉。这就很容易为特定目标(如 IE11 或 mobile)提供特定功能,而不会影响包的大小。
PWA 支持 渐进式 Web 应用程序通过缓存内容甚至脱机工作,创建更快、更可靠的用户体验。通过配置文件或者在代码中定义,dojo 很容易创建一个 service work,并将其构建为应用程序的一部分。
构建时渲染 在构建时渲染路由以生成初始的 HTML 和 CSS。在构建时渲染,Dojo 可以节省出初始渲染的成本,创建出一个响应性更高的应用程序,且不会引入额外的复杂性。

基本用法

Dojo 提供了一组 CLI 命令,辅助创建和构建应用程序。本指南假设已全局安装 @dojo/cli,且在项目中安装了 @dojo/cli-build-app@dojo/cli-test-intern。如果项目是使用 @dojo/cli-create-app 初始化的,那么这些依赖应该已经存在。

构建

Dojo 的 CLI 工具支持多种构建目标或 mode。在 dojo create apppackage.json 生成的几个脚本(scripts)中可看到所有模式。

运行以下命令,创建一个为生产环境优化过的构建。

> dojo build --mode dist

此次构建使用 dist 模式创建应用程序包,并将结果输出到 output/dist 目录中。

运行服务和监听变化

当在 devdist 模式下运行时,可以使用 --serve 标记启动一个 web 服务器。应用程序默认运行在 9999 端口上。可以使用 --port 标记修改端口。使用 --watch 标记,Dojo 的构建工具也可以监听应用程序的变化并自动重新构建。

生成的 package.json 文件中包含 dev 脚本,它使用这些标记运行应用程序的构建版本,并监听到磁盘上的文件发生变化后会自动重新构建。

> dojo build --mode dev --watch file --serve

应用程序也会提供 source map。这样调试器就可以将构建的 JavaScript 代码映射回位于 src/ 文件夹下原本的 TypeScript 代码上。

测试

Dojo 使用 Intern 运行单元和功能测试。

T运行 tests/unit 中单元测试的最快方式,是使用新建 Dojo 应用程序时创建的 NPM 脚本。

命令行

# execute unit tests
npm run test:unit
# execute functional tests locally using headless Chrome and Selenium
npm run test:functional

支持的浏览器

Dojo 是一个持续演变的框架。默认情况下,发布的 dojo 版本会支持最新浏览器的最近两个版本。Dojo 要跨浏览器实现标准功能,其所需的 polyfill 都是通过 @dojo/framework/shim 按需提供的。要支持 IE11,需要打开 --legacy 标记。

Dojo 配置

可在 .dojorc 中添加其它配置选项。这些选项通常通过命令行扩展可用的设置,并支持更高级的功能,如国际化、代码拆分、PWA 清单和忽略代码等。

.dojorc 文件中包含一个 JSON 对象,可以为能在 dojo 命令行工具上运行的任何命令配置信息。在配置对象中为每个命令分配一个节点,可在其中存储配置信息。

{
	"build-app": {
		"pwa": {
			"manifest": {
				"name": "My Application",
				"description": "My amazing application"
			}
		}
	},
	"test-intern": {},
	"create-widget": {
		"tests": "tests/unit"
	}
}

本示例中,@dojo/cli-build-app@dojo/cli-test-intern@dojo/cli-create-widget 三个 CLI 命令模块各对应一个节点。配置 总是 分层的,按照 command => feature => configuration 的顺序排列。

© 著作权归作者所有

上一篇: Dojo Build 进阶
下一篇: Dojo 进阶
blocklang

blocklang

粉丝 1
博文 24
码字总数 62089
作品 0
扬州
私信 提问
Dojo 敏捷开发:集成 DOH 单元测试到 Ant build

简介: DOH 是一种基于 Dojo 技术的 JavaScript 单元测试框架,也是目前主流的 Dojo 单元测试技术。Ant 是基于 Java 技术的构建工具,Ant build 是敏捷开发中用于持续集成的主流方法。本文首...

IBMdW
2012/01/16
506
1
Dojo 6 发布,面向对象的 JS 框架

Dojo 是一个强大的面向对象 JavaScript 框架,主要由三大模块组成:Core、Dijit、DojoX。Dojo 6 已经发布,带来了许多新的特性和变化,包括减少样板、增加灵活性和进一步提高性能,大大改善了...

afterer
08/31
5.8K
12
dojo1.7功能介绍:面向方面编程(AOP)功能与原理

日前发布的dojo 1.7版本对其源码进行了很大的变更。在迈向2.0版本之际,dojo提供了许多新的功能,也对许多已有的功能进行了修改,具体来说新版本更好地支持AMD规范、提供了新的事件处理系统(...

bigYuan
2012/04/13
147
0
Dojo 1.11 正式发布,面向对象的 JavaScript 框架

User Agent 支持 这个版本经过测试支持如下的用户代理。 如果一个用户代理没有列在支持列表中,他仍然可能可用,尤其是在一些快速迭代的浏览器中 (Chrome, Firefox)。未来Dojo的小版本更新可...

李玉珏
2016/05/28
1K
3
杭州 Cloud Foundry Meetup

杭州Cloud Foundry Meetup 计划12月20号下午(13:30 – 17:00)在浙江大学玉泉校区永谦活动中心第二报告厅举办,浙江大学、IBM、华为、Pivotal 将进行议题分享,欢迎各位Cloud Foundry 爱好...

叶秀兰
2014/12/12
20
0

没有更多内容

加载失败,请刷新页面

加载更多

001-ELKStack之Elasticearch

ELKStack 之 Elasticsearch ELK Stack 是 Elasticsearch、Logstash、Kibana 三个开源软件的组合。在实时数据检索和分析场合,三者通常是配合共用,而且又都先后归于 Elastic.co 公司名下,故...

伟大源于勇敢的开始
22分钟前
3
0
Kotlin基础语法学习

安装好安卓studio,以及插件支持Kotlin 就可以在创建项目的时候选择 Kotlin语言了。 https://www.jianshu.com/p/4ab13691d681 参考手册: https://www.runoob.com/kotlin/otlin-android-setu...

T型人才追梦者
今天
6
0
java实现简单计算器

1.概述 之前作者写过一篇文章,也是关于计算器的,用的是C++与Qt,链接在这里 这次用java的swing写的(这差距好像有点大,好吧是qt太强了). 先上图: 2.UI 总体布局使用流布局. (1)文本框 文本框就...

Blueeeeeee
今天
9
0
纯CSS实现DIV悬浮(固定位置)

纯CSS实现的DIV悬浮效果(固定位置),兼容常用的浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗等。效果如下: 实现代码: <!DOCTYPE html> <html> <head> <meta ...

独钓渔
今天
6
0
OSChina 周二乱弹 —— 给我来个女菩萨

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @这次装个文艺青年吧 :#今日歌曲推荐#分享XXXTENTACION/Travis Barker的单曲《Pain = BESTFRIEND》: 《Pain = BESTFRIEND》- XXXTENTACION/...

小小编辑
今天
181
4

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部