Skip to content

仅用于学习。里面用了第三方 api 请不要进行商业使用,后果自负!

Notifications You must be signed in to change notification settings

mzl1988/ng-hello

Repository files navigation

注意

电台

阅读

NgHELLO

升级

  • npm uninstall -g @angular/cli
  • npm cache clean

if npm version is > 5 then use npm cache verify to avoid errors (or to avoid using --force)

安装完node后建议设置npm镜像以加速后面的过程(或使用科学上网工具)。注意:不要使用cnpm!cnpm安装的模块路径比较奇怪,packager不能正常识别!

开发

如果你想让加载的包更小,请使用以下方式启动angular-cli内置的轻量级http server

ng serve --prod --aot

AOT&TreeShaking

开发状态打出来的bundle体积比较大,在发布到生产环境之前需要进行prod和AOT,用法如下:

打开命令行,进入demo根目录,执行以下命令:

ng build --prod --env=prod --aot

加上--prod参数之后,angular-cli会自动启用TreeShaking(摇树)特性,简而言之,就是把用不到的包全部剔除掉,就像从树上把枯叶子摇下来一样,很形象吧?加上--aot参数是让angular-cli启动预编译特性。

angular-cli会在项目根目录下生成一个dist目录,里面就是编译、压缩好的文件了。仔细观察你会发现,这些文件的体积已经被大幅度压缩,加上gzip之后有一些文件只剩下1/4左右的大小。

UI组件

图标

  1. http://fontawesome.io/icons/ 常用

About

仅用于学习。里面用了第三方 api 请不要进行商业使用,后果自负!

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published