《Angular5闪亮登场》

前言:

        Angular官方原本发布更新是每六个月不一版,本应该于九月发布的,因处理升级过程中的问题,而推迟在10月23日发布。Angular 5将会推迟发布,因升级过程的问题。

原文解释:http://developer.51cto.com/art/201709/552171.htm

正文:

        今天看到Angular4交流群中,大漠穷秋发布了群公告,一款基于Angular当前最新版本5.2.0和@angular/cli 1.6.5开发的产品《OpenWMS-Frontend》,这款产品是类似于库房存储的一个项目,如果做库房类似的软件开发,可直接套用此框架。


在阿里云上的演示地址 :http://47.104.80.251:4200,

git下载代码地址:https://gitee.com/mumu-osc/OpenWMS-Frontend.git

从git上拉取代码后,操作步骤:

git clone https://gitee.com/mumu-osc/OpenWMS-Frontend.git
cd OpenWMS-Frontend
npm i -g cnpm --registry=https://registry.npm.taobao.org
cnpm i -g @angular/cli
cnpm install
ng serve

温馨提示:

这里有一个新的坑,目测是animation包引入的,如果需要加--prod参数进行编译,需要用yarn安装,并且要设置翻Qiang代理。

经过最佳实践:将此项目从git上拉取下来后,操作步骤为:

yarn install

ng serve

将此项目开发环境打包:ng build

生产环境打包:ng build --prod

打包后的项目体积:

开发环境-18.6MB:


生产环境打包-4.92MB:


生产环境与开发环境打包体积竟减少4倍之多!!!!!!!

看来在公司的各个前端项目由Angular4升级为Angluar5势在必行。


结语:

       用发展的眼光看待事物


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 15
    评论
评论 15
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值