angular - 为什么使用 Angular2 构建的应用程序如此沉重?

标签 angular

最近我们计划改造我们现有的在 JMVC 中构建的网络应用程序。我们决定使用 Angular-2。

为了测试负载大小,我执行了以下操作:

ng new test123
cd test123
ng build -prod

并在 apache 上部署了 dist 文件夹内容,它显示 1.0MB transferred

我的整个 JMVC 应用程序,包括所有业务逻辑,在浏览器中加载时几乎不到 1.2MB。

部署后如何减小 Angular-2 应用程序的大小?

enter image description here

最佳答案

根据评论,ng2 团队正在努力减少框架即将发布时的大小。

在此之前,遵循典型的 http 约定来最小化 JS 大小显然是主要的事情,但我还发现 Webpacks 优化大大减少了生成的 JS 的大小。

enter image description here

对于整个 angular2 代码库以及包括内联 HTML 和样式的我的整个应用程序,这是 313KB(尽管我不确定 Hello World 示例的结果是什么)。

你可以使用的 webpack 插件是

webpack.optimize.OccurenceOrderPlugin(true)
webpack.optimize.UglifyJsPlugin()
webpack.optimize.DedupePlugin()

希望这对您有所帮助!

关于angular - 为什么使用 Angular2 构建的应用程序如此沉重?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37760083/

相关文章:

html - Angular 2 从 URL 中删除哈希 (#)

javascript - Angular7 中没有向指令传递值

javascript - 我的标题在 http 帖子错误中为 null Angular 6

typescript - 使用 FormBuilder Angular 2 绑定(bind)选择列表

css - 在组件中使用 CSS 动画显示和隐藏

库模块中的 Angular APP_INITIALIZER 生成元数据编译时错误 : Lambda not supported

angular - url-loader 不适用于 angular 8 的自定义 webpack

angular - Angular Material 步进器的验证

angular-cli "ng build"没有产生一个工作项目?

Angular 为 Get 请求生成 429 状态代码,cURL、Python 和 fetch 工作正常