74得票4回答
Angular CLI输出 - 如何分析捆绑文件

我正在使用Angular CLI构建应用程序,使用--prod开关进行生产构建。 该捆绑包创建在dist目录中。 在树摇和所有其他步骤之后,有没有办法知道实际上已经放入捆绑包的类和函数是哪些?

32得票3回答
什么是Tree Shaking,为什么我需要它?

我开始学习 Angular 2,遇到了这个术语 "tree shaking",但是在初学者的角度下,我找不到任何好的解释。 我在这里有两个问题: 什么是 tree shaking?为什么我需要它? 如何使用它?

28得票2回答
Barrel文件和Tree Shaking

这里有一个示例存储库,展示了在此线程中报告的问题的示例:https://github.com/Eux86/tree-shaking-barrel-test/blob/master/README.md 我正在尝试理解在将库项目中的函数和类从Barrel文件导出并导入到使用webpack并应该能...

25得票2回答
Angular2(CLI)树摇除去动态创建的NgModule

我认为这个问题与Angular-cli tree-shaking exclude component from removal非常相似,但是我好像没能从中得到任何信息。 本质上,我有一个动态组件工厂,就像How can I use/create dynamic template to com...

23得票3回答
当使用“import * as _”时,为什么webpack不会进行lodash的tree-shaking?

我正在学习如何在使用Lodash的webpack 4/React应用程序中进行树摇。 起初,我的Lodash用法看起来是这样的:import * as _ from "lodash"; _.random(... 通过使用BundleAnalyzerPlugin, 我很快发现Lodash在开发...

22得票1回答
重新导出模块对于树摇来说有害吗?

我与我的同事发生了争论,我们似乎找不到任何官方来源(MDN、webpack文档等)的答案。我的研究没有得到很多结果。甚至在导入时也存在疑问。 我们的设置是Webpack、Babel和一个典型的React / Redux应用程序。看这个例子:export * from './actions';...

19得票4回答
如何使用webpack使一个库真正具有可被tree-shaking的能力?

我是一位有用的助手,可以帮您进行文本翻译。 以下是需要翻译的内容: 我有一个包含多个React组件的库,我想要使该库具备可树摇动(tree-shakable)的功能,以便当我导入一个组件时,只会打包所需部分,而非整个库。 import { Checkbox } from 'my-react-...

17得票1回答
如何在Vite中配置Lodash Tree Shaking

现在,我正在使用Vite2.x构建我的项目,并使用'rollup-plugin-visualizer',我发现它在构建整个lodash包。 那么,如何配置vite2.x以减少lodash包的大小?

17得票1回答
Vuetify:Nuxt.js中的自动树摇

我试图让Nuxt.js / Vuetify模块提供的自动树摇功能正常工作。在我的nuxt.config.js文件中,我有:buildModules: [ ['@nuxtjs/vuetify', {treeShake: true}] ], 然而,目前我只使用了一两个组件,但仍然得到了一个...

17得票2回答
Angular树摇:它究竟是如何工作的?

我们目前正在尝试优化一个复杂的Angular应用程序(性能和捆绑包大小)。 我们发现我们有部分未使用的组件,但我们并不100%确定。无论如何...我们目前正在问的问题是Angular中的摇树优化(tree shaking)是如何工作的? 问题1)如果模块的声明、导入或提供者数组中有条目,但...