素材巴巴 > 程序开发 >

《Angular5闪亮登场》

程序开发 2023-09-23 18:38:49

前言:

        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势在必行。


结语:

       用发展的眼光看待事物



标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。