Dojo Build 简介
翻译自: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 app
为 package.json
生成的几个脚本(scripts)中可看到所有模式。
运行以下命令,创建一个为生产环境优化过的构建。
> dojo build --mode dist
此次构建使用 dist
模式创建应用程序包,并将结果输出到 output/dist
目录中。
运行服务和监听变化
当在 dev
或 dist
模式下运行时,可以使用 --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 的顺序排列。
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
2019南通网络安全产业发展大会成功召开:筑多元产业生态,促网络安全发展
2019年11月1日下午,南通网络安全产业发展大会在新区会议中心举行。大会由南通市人民政府主办,中国软件评测中心、公安部信息安全等级保护评估中心、南通市工业和信息化局、南通市崇川区人民政府承办,中关村可信计算产业联盟、中关村网络安全与信息化产业联盟、中国关键信息基础设施技术创新联盟协办。 大会深入贯彻落实总书记“没有网络安全就没有国家安全”、“要坚定信心矢志不移自主创新,努力实现关键核心技术自主可控,把创新主动权、发展主动权牢牢掌握在自己手中”等一系列指示精神,以“筑多元产业生态,促网络安全发展”为主题,围绕信息技术应用创新、构建安全可控信息技术体系、促进网络安全产业等议题开展交流,聚力构建以“长三角网络安全产业园”为核心的多元化网络安全产业生态环境,吸引网络安全名企到南通发展,共同促进南通网络安全产业高质量发展。 院士沈昌祥,工信部信息化和软件服务司副司长董大健,公安部信息安全等级保护评估中心常务副主任张宇翔,中国软件评测中心副主任刘龙庚,江苏省工信厅副厅长池宇,市委常委、崇川区委书记刘浩,市政府党组成员、副市长潘建华,市工信局局长王凯,崇川区委副书记、区长钱锁梅等领导出席大会。 大...
- 下一篇
《吊打面试官》系列-缓存雪崩、击穿、穿透
你知道的越多,你不知道的越多 点赞再看,养成习惯 前言 Redis在互联网技术存储方面使用如此广泛,几乎所有的后端技术面试官都要在Redis的使用和原理方面对小伙伴们进行360°的刁难。作为一个在互联网公司面一次拿一次offer的面霸(请允许我使用一下夸张的修辞手法),打败了无数竞争对手,每次都只能看到无数落寞的身影失望的离开,略感愧疚,在一个寂寞难耐的夜晚,我痛定思痛,决定开始写《吊打面试官》系列,希望能帮助各位读者以后面试势如破竹,对面试官进行360°的反击,吊打问你的面试官,让一同面试的同僚瞠目结舌,疯狂收割大厂offer! 一点感慨 本来都把稿子放到公众号保存了,洗澡的时候想了一下晚上的比赛,觉得还是打开电脑写点东西,跟文章内容没关系,只是一点个人的感慨,不知道多少小伙伴看了昨天SKT VS G2的比赛,又不知道多少小伙伴还记得Faker手抖的那一幕。 不知道你们看了是什么感受,我看到他手抖的时候我内心也抖了,世界赛我支持的都是LPL的队伍,但是我喜欢李哥这个人,那种对胜利的执著,这么多年了那种坚持自己的坚持,这么多利益诱惑在面前却只想要胜利,这样的人我好喜欢啊,我想很多人也喜...
相关文章
文章评论
共有0条评论来说两句吧...