资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

Egret之Webp-创新互联

在runtime2.0中已经加入了webp,但是需要运行于runtime加速器.如果想以H5网站的显示运行.目前需要加入第三方库.

成都创新互联公司专注为客户提供全方位的互联网综合服务,包含不限于成都网站设计、网站制作、外贸营销网站建设、保德网络推广、小程序设计、保德网络营销、保德企业策划、保德品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们大的嘉奖;成都创新互联公司为所有大学生创业者提供保德建站搭建服务,24小时服务热线:13518219792,官方网址:www.cdcxhl.com

一,使用 : npm install egret-resource-manager -g 安装最新RES(第三方)库

Egret之Webp

二,我新建了一个NewWebPDemo的GUI项目(其实EUI也行,没啥影响的)

在NewWebPDemo项目根目录执行 : res upgrade

Egret之Webp

编译之后 , 项目自动出现2处的不同:

1,bin文件夹下,新增了一个resourcemanager文件夹,该文件夹存放全新RES模块代码(第三方)。

2,egretProperties.json中,原有modules节点中的res节点被删除,取而代之的是名为resourcemanager的模块配置。

三,因为全新的RES模块(第三方)依赖于ES2015标准中的Promise对象,所以需要修改tsconfig.json文件如下:

{    "compilerOptions": {       "target": "es5",       "experimentalDecorators":true,      "lib": [           "es5","dom","es2015.promise"       ]    },    "exclude": [       "node_modules"    ] }

四,利用DOS命令 : res build 你的项目名称  来重新构建你的项目资源. 在项目的平级目录(NewWebPDemo)所在目录

Egret之Webp

生成了一个config.json的文件

五,测试

利用智图软件将背景图片bg.jpg打成bg.webp替换到default.res.json中

另外加一个sheet图集json( 对应的图片为webp类型的 )

Egret之Webp

注意

Egret之Webp

测试代码 :

Egret之Webp

六,可完美加载与显示

Egret之Webp

另外有需要云服务器可以了解下创新互联cdcxhl.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网页题目:Egret之Webp-创新互联
标题路径:http://cdkjz.cn/article/dejees.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:400-028-6601 / 大客户专线   成都:13518219792   座机:028-86922220