个人中心
文章发布
退出
作者热门文章
- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
27
4
我有一个使用 angular-cli 1.6.6 运行的 Angular 5 应用程序，当捆绑我的应用程序时，我(在所有其他应用程序中)有一个 common.chunk.js。
你知道它是什么吗？它与我的任何模块都不匹配，它也不是 vendor 或 main 或 polyfill 因为它们有自己的专用 block 。
最佳答案
公共(public) block 是一个存放多个功能模块使用的所有东西的地方。
假设您在自定义 grid 模块中有一个自定义网格组件。然后将此网格模块导入您的 user 和 admin 功能模块。因为 grid 模块用在多个特性模块中，所以 Webpack 将其拼接成一个 common.chunk 供其他特性模块依赖。
如果您在关闭 block 命名的情况下运行构建(--named-chunks false - 默认在 --prod 构建中使用)，common .chunk 变为 0.chunk - 必须在任何其他惰性 block 之前加载的第零个 block 。
这样做的一个缺点是，如果你的应用中有很多小的惰性模块(我认为从截图来看就是这种情况)，common.chunk 将开始变得臃肿特别快。假设您的两个懒惰模块使用了一些很棒(但胖乎乎的)图表库。图表库中所有的 tree-shaken 代码都将在 common.chunk 中结束。即使其他惰性模块不使用这堆图表代码中的任何一个，它们仍然依赖于 common.chunk 并且会加载并执行它们不需要的所有图表代码。
要查看是什么，您可以使用 webpack-bundle-analyzer 来检查您构建的 block 的内部。您可以使用 npm i --D 它或使用 npx 来避免使您的开发依赖项膨胀。
ng build --prod --stats-json && npx webpack-bundle-analyzer dist/stats.json
希望这会有所帮助:-)
关于angular - 什么是 common.chunk.js？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48709771/
27
4
0
我正在尝试使用 Node js 服务将 .json 文件的内容获取到 angularjs 方法中。但是我得到以下错误: _http_outgoing.js:700 throw new ERR_INVA
我使用的是 npm 版本 6.0.1。我的操作系统是 macOS High Sierra 版本 10.13.3 我想构建我的项目，但收到此错误消息: Creating an optimized pro
import numpy as np from matplotlib import pyplot as plt import scipy.io.wavfile as wav from numpy.li
下面是一段c++代码: Chunk * _chunk = new (size) Chunk(size); 我不明白'new'后面的第一个'(size)'，它是什么意思？以上代码来自JDK8。 最佳答案
我有一个 RSS 提要。当我在打开 Fiddler Web Debugger 的情况下浏览提要时，Fiddler 向我抛出此错误: Chunked body did not terminate pro
当我运行脚本 npm run watch 时出现此错误 cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --wat
我在尝试启动我的应用程序时看到以下错误... > css-modules@1.0.0 start /Users/johnnynolan/Repos/css-modules webpack && ope
我正在使用 MVC 6 rc1 和 EF 7 rc 1 Code First 模型通过 Web API Controller 检索数据。我有 3 个类似于下面的表。 class Product {
我在一个 txt 文件中有以下数据: 00001+++00001 000031 12.8600 -1 7 BEAR 1990052418 276.0
我正在试用 RestAssured 并编写了以下语句 - String URL = "http://XXXXXXXX"; Response result = given().
我在 RMarkdown 文档中有一个块，如下所示: ```{r, echo=-4} a <- 1 b <- 2 x <- a + b print(paste(c("`x` is equal to "
这个迭代器 let data = vec![0, 1, 2, 3, 4, 5]; for x in data.chunks(2) { println!("{:?}", x); } 会产生 [0
flock() 的 PHP 文档页面表明在IIS下使用不安全。如果我不能在所有情况下都依赖 flock，是否有其他方法可以安全地实现同样的目标？ 最佳答案 在所有想象的可能情况下，没有其他方法可以安全
我正在开发一个 Android 示例应用程序，它从 http://www.omdbapi.com/ 获取电影列表. REST 服务是: http://www.omdbapi.com/?s=star&a
我正在寻找 MemoryStream 的实现，它不会将内存分配为一个大块，而是一组 block 。我想在内存(64 位)中存储几 GB 的数据，并避免内存碎片的限制。 最佳答案 像这样: class
我们有一个 React 应用程序，它使用 React.lazy 和 Suspend 进行代码拆分。每个星期二我们都会部署一个新版本，因此我们的 block 也会发生变化。 我们现在遇到的问题是，如果我
我对Laravel的ORM Eloquent chunk()方法有疑问。 它错过了一些结果。 这是一个测试查询: $destinataires = Destinataire::where('statu
我需要知道是否可以将 iTextSharp 中的两个 Chunk 组合起来 Phrase phrase = new Phrase(); var text1 = new Chunk("hello");
我正在使用播放框架来生成分块响应。代码是: class Test extends Controller { public static void chunk() throws Interrup
这个问题已经有答案了: Split array into chunks (80 个回答) 已关闭 5 年前。 我正在尝试在 JavaScript 中实现一个类似于 lodash chunk 的 blo
我是一名优秀的程序员,十分优秀！