我们可以在 Angular(2/4/5/6) 中使用多个库,因为它支持 TreeShaking 吗?不影响性能和构建尺寸

2024-02-03

我已经阅读了这篇文章:https://www.reddit.com/r/Angular2/comments/6a678s/primeng_vs_material2/ https://www.reddit.com/r/Angular2/comments/6a678s/primeng_vs_material2/在他们提到的评论中我们可以使用Prime Ng and 角材一起在应用程序中。在PrimeNg组件大多是独立模块,因此您可以仅添加您需要的模块,对于角材几次更新后。

我的问题是...我们可以在 Angular 应用程序中使用任意数量的库,例如:PrimeNg、Angular 材料、Fuse 等等。不会影响构建的性能或大小,因为 Tree shake 会解决它。 基本上我只想使用材质来设计布局和一些外观和感觉。

另外, Angular(5/6) 是否支持 100% 树摇动,或者我们仍然需要使用 Rollup.js ?浏览了多篇文章但还不确定。


当您使用生产标志构建 Angular 应用程序时,每个组件、服务、指令或管道至少被引用一次(在@NgModule注释)。在 AOT 编译结束时,编译器会删除这些注释,之后还会删除未引用的内容。

Source https://www.softwarearchitekt.at/post/2017/07/27/the-angular-bundle-optimizer-under-the-hoods.aspx

也就是说,每个 Angular Material 组件都是一个模块,它为您提供了库的细粒度导入。

我不知道 PrimeNg,但从我快速搜索到的内容来看,正如您已经知道的那样,它似乎每个组件也有一个模块。

使用这两个库不应影响包大小或性能,但您应该意识到“外观和感觉”因 UI 库而异

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

我们可以在 Angular(2/4/5/6) 中使用多个库,因为它支持 TreeShaking 吗?不影响性能和构建尺寸 的相关文章

  • Angular2通用部署到apache远程服务器

    我在将 Web 应用程序部署到 Apache 远程服务器时遇到问题 我已经通过以下步骤部署了一个使用 RESTful API 服务 用 PHP 编写 托管在 public html api 的标准 Angular2 Web 应用程序 在项目
  • 如何使用 JavaScript 将当前页面设置为 about:blank?

    我遇到的情况是服务器可能在当前地址上不可用 因此我想检测到这一点并将页面重定向到 about blank 页面 我该如何使用 JavaScript 来做到这一点 window location href about blank
  • 具有两组子组件的 React 组件

    我正在创建一个组件 需要接收两组子组件并放置在组件的两个不同部分中 let CreditCardForm icons fields gt div div div div icons div div div fields div let Cr
  • React JS - 单击时更改颜色并将默认颜色放在所有其他颜色上

    我有 x 个渲染数文章预览依赖于 API 调用的组件 div div Object keys images map index i gt return div div
  • 根据用户区域设置过滤字符串列表

    当使用 AngularJS 1 6 处理 JavaScript 项目时 我有一个要过滤的字符串列表 例如 假设我的列表包含 rbol cig e a nido and tubo 当过滤西班牙语字符串时 如果我过滤 u 我会期望两者cig e
  • 使用 javascript 将 html 文本渲染为位图,无需服务器端代码

    我需要使用 javascript 代码来转换 html 中的文章 帖子 以便最终用户以位图的形式查看 有没有办法在没有服务器端代码的情况下做到这一点 example p testing text here p 您可以使用例如html2can
  • 通过 Javascript 将图像切割成碎片

    我正在创建一个简单的拼图游戏 为了做到这一点 我需要将我正在使用的图片切成 20 块 Javascript 有没有办法将一张图片切成 20 个相等的部分 并将它们保存为网页中的 20 个不同的对象 或者我只需要进入 Photoshop 自己
  • 如何让Angular2绑定innerHTML中的组件

    我想创建一个组件myApp它将把控制器上的属性中的 HTML 嵌入到其模板中 但是 其中一些 HTML 可能包含其他组件选择器 import InfoComponent from Component selector myApp templ
  • Backbone 中的加载栏

    我想显示加载消息 图标 直到列表中的所有项目都已呈现 这是我的示例中的 jsfiddle http jsfiddle net 9R9zU 58 http jsfiddle net 9R9zU 58 我尝试在 Feed 部分添加一个带有加载栏
  • 获取 JSON 中的 HTML 以在 React 组件中呈现为 HTML

    试图找出如何让链接实际呈现为链接 现在 在我从 Json 文件中读取这行文本后 React 将超链接渲染为文字文本 而不将其渲染为链接 一些数据 json about John has a blog you can read a href
  • 如何使用 Angular 2 修改 ng-bootstrap 轮播的 CSS

    最近 我尝试修改 ng bootstrap carousel 组件中的 carousel item 类 但是 我发现我需要在元数据中添加 encapsulation ViewEncapsulation None 使用此解决方案还会更改其他轮
  • 监听浏览器宽度以进行响应式网页设计?

    我正在努力使我的网站适合移动设备 我想知道浏览器窗口的大小 以便当它比 728px 窄时我可以执行某些操作 而当它大于 728px 时我可以执行其他操作 这必须考虑到调整 PC 上的窗口大小以及在手机中从纵向模式更改为横向模式 如何才能做到
  • 使用本机 JavaScript 获取过渡中的 CSS 值

    这个问题之前被问过 但答案使用了 jQuery here https stackoverflow com q 8920934 3186555 因此 我将调整问题以专门询问native解决方案 to 最小化依赖关系 假设您有一个 div 然后
  • Cosmos DB 中的 MaxItemCount 源选项属性不起作用

    我正在尝试编写一个运行 SQL 查询的简单存储过程 并且我想通过使用 MaxItemCount 属性来限制结果 查询生成 3 个文档 但我只想返回 1 个文档 我使用 MaxItemCount 属性强制执行此限制 但这似乎不起作用 func
  • D3v6 嵌套图 - 嵌套 join()?

    我想可视化每个节点的 孩子 洞察力 我猜 D3v6 join 函数可以嵌套 不幸的是我找不到任何例子 下面的代码片段包含一个具有 3 个节点和子节点作为属性的outerGraph 到目前为止 这些孩子还没有被使用 相反 innerGraph
  • 为什么 JSON 结果可以是布尔值而不是对象或数组?

    From JSON 网站 http json org JSON 建立在两种结构之上 名称 值对的集合 在各种语言中 这被实现为对象 记录 结构 字典 哈希表 键控列表或关联数组 值的有序列表 在大多数语言中 这被实现为数组 向量 列表或序列
  • 为什么从浏览器上传到 S3 时出现 403 错误?

    因此 我尝试查看此处之前的答案 但似乎没有任何效果 我正在使用 Dropzone 它似乎发出 OPTIONS 请求来获取所有允许的 CORS 相关信息 但它似乎没有正确返回 因此 通过查看 Chrome 开发工具 我有以下请求标头 Host
  • 一个接一个地淡入div

    大家好 我很擅长 HTML 和 CSS 但才刚刚开始接触 jQuery 的皮毛 我希望让 3 个 div 在页面加载时逐渐淡入 到目前为止我有这个 我听说使用 css 将显示设置为 none 对于任何使用非 JavaScript 浏览器的人
  • 更改javascript nodejs中所有页面的href url

    我已经实现了具有多种语言下拉菜单的引导导航栏 当我选择语言时 它将翻译页面 如何更改其他页面的 url 和按钮文本 当我选择french 将所有网址更改为 fr about and fr contact 如何使用 JavaScript 进行
  • WooCommerce 使用 AJAX 设置购物车数量?

    我已经为此绞尽脑汁好几天了 需要一些指导 我正在为 WooCommerce 网站完全从头开始制作自定义主题 现在我正在尝试让购物车功能正常工作 我一直试图使用按钮 来更新购物车中产品的数量 对我来说问题似乎是WC 我在functions p

随机推荐

  • 在 Button_Click 上围绕控件绘制边框

    当用户单击我的验证按钮时 在我的 C WinForm net 3 5 应用程序中 我想在某个控件为空时在其周围绘制边框 说一个名为 tbxLastName 的文本框我想我需要做这样的事情 gt ControlPaint DrawBorder
  • wicked_pdf 页脚不起作用

    我对 wicked pdf 页脚渲染没有什么问题 这是我的渲染方法 def invoice render pdf order number pdf footer html template admin orders invoice foot
  • 获取outlook中所有房间的列表

    我正在编写一些应用程序 我需要获取组织内的所有可用房间 与我们在 Outlook 中打开 添加房间 对话框时获得的列表相同 我假设当我们通过 Outlook 进行操作时 他会在某些交换服务器上工作 问题是有没有办法使用 Outlook 作为
  • 预设文件不允许导出对象

    我有一个我想要获取的轮播文件index js并建立block build js so my webpack config js is var config entry index js output path dirname filenam
  • iPhone UDP广播和响应

    我需要从 iPhone 发出 UDP 广播 然后监听具有超时期限的 UDP 响应 我找到了苹果的UDP回显示例 http developer apple com library mac samplecode UDPEcho Introduc
  • 如何在Delphi XE2中解析嵌套的JSON对象?

    我是 JSON 新手 我手头有这个项目 它要求我解析 JSON 并在 ListView 中显示它的一些内容 问题是我现在阅读的文档处理的是包含 JSON 数组的 JSON 对象 而我的案例涉及处理嵌套对象 简而言之 总结如下 我正在使用 D
  • 合并datagridview中的单元格

    有没有办法在winforms中合并 net的datagridview中的单元格 我想合并一行中的两个或多个单元格 您必须自己实现 OnPaint 事件 下面提供了一个示例 您还可以查看源网格 https github com jivanro
  • 数组中不存在属性“at”

    根据MDN 网络文档Array prototype at https developer mozilla org en US docs Web JavaScript Reference Global Objects Array at 是一个
  • 关闭并退出时崩溃

    我有一个 PySide 应用程序 在 QWidget 中托管 VLC MediaPlayer 实例 当通过 QMainWindow 的 close 事件或使用 QApplication quit 关闭应用程序时 UI 消失 然后我收到一个
  • 我的 addthis 工具箱 J​​avaScript 小部件不存在于移动设备上

    我正在使用 Ionic v1 并在 Chrome ionic 服务 和 View App ionic 上传 中进行测试 我将此脚本包含在我的index html中 并添加了https github com thisissoon angula
  • 如何在 iOS 中以编程方式重新启动 iPhone 应用程序

    如何在 iOS 中以编程方式重新启动 iPhone 应用程序 我找到这个方法http writeitstudios com david p 54 http writeitstudios com david p 54 但可能是一些简单的事情
  • 在材料 ui 中使用自定义输入自动完成不起作用

    我可以通过从列表中选择值来使用自动完成功能 现在我想在选择中添加一个新值 我尝试了多种选择 包括onChange但无法实施 如果用户输入内容并在文本框外部单击 则它应该将自由文本转换为标签 此外 允许用户继续从预定义列表 自由文本添加更多标
  • Android:客户端尚未准备好..等待进程上线

    我收到以下错误 每当我尝试启动该应用程序时 它就会崩溃 我已经使用模拟器和手机尝试了几次 但仍然无法正常工作 我在项目中使用 Firebase 身份验证和数据库 虽然没有报错 但是不知道对报错有没有影响 adb shell am start
  • 将表单设置为原始状态时消除字段错误

    我正在使用 angular js 版本 1 1 5 其中有 setPristine在表单控制器上 但此方法似乎并没有清除与字段相关的任何错误 下面的代码对我有用 但我不确定这是否是清除错误的正确方法 有什么建议吗 在我的控制器中 if sc
  • Android 2.2 Web 视图窗口在虚拟键盘出现时向上移动

    我正在 Android 上使用 Phonegap 开发一个应用程序 在 OS 2 1 上一切正常 但在 OS 2 2 上 当我们单击任何输入类型文本字段时 键盘会出现 整个窗口移动到向上侧 输入类型字段变得不可见 谁能告诉我到底是什么问题并
  • 找不到“FBSDKLoginKit/FBSDKLoginKit.h”文件(适用于 iOS v4.2 和 Xcode 7 的 Facebook SDK)

    我遵循中的所有步骤本教程 http www brianjcoleman com tutorial how to use login in facebook sdk 4 0 for swift and or Facebook SDK 文档 h
  • moment.js 获取昨天从午夜到午夜的时间范围

    如何获取昨天从午夜到午夜的时间范围 Example 昨天 2015 年 7 月 22 日 Result 2015年7月22日 00 00 00 上午 2015年7月22日 23 59 59 下午 日期格式并不重要 这只是一个示例 momen
  • 移动录音的方向问题

    当我使用 FFMPEG 转换 iPhone 4 中的 mov 文件和 Android 中的 3gp 文件时 我需要将视频旋转 90 度 但 iPhone 4s 需要 180 度 有没有什么办法解决这一问题 我不记得 Android 如何处理
  • 符号数学工具箱在计算 NaN 时遇到除零错误

    我刚刚更新到 Matlab 2014a 终于 我有大量使用符号数学工具箱的脚本 这些脚本过去工作正常 但现在遇到以下错误 Error using mupadmex Error in MuPAD command Division by zer
  • 我们可以在 Angular(2/4/5/6) 中使用多个库,因为它支持 TreeShaking 吗?不影响性能和构建尺寸

    我已经阅读了这篇文章 https www reddit com r Angular2 comments 6a678s primeng vs material2 https www reddit com r Angular2 comments