时间戳

首页 > 解决方案 > 配置在 angular.json 中创建多个文件的多个入口点

angular - 配置在 angular.json 中创建多个文件的多个入口点

问题描述

我之前曾使用 webpack 处理 angular 5，其中 webpack 支持创建多个文件的多个入口点

  entry: {
    app: 'src/app.ts',
    vendor: 'src/vendor.ts'
  }

参考链接：https ://v5.angular.io/guide/webpack

但是现在我开始研究具有 CLI 的 angular 7。我没有找到一种可以在 angular cli 中处理的方法。将文件分成块的更好方法是什么？我们应该继续使用 webpack 而不是 cli 还是可以使用 CLI 来完成？任何帮助是极大的赞赏。

标签： angularwebpack

解决方案

Angular CLI 是对一些默认 Webpack 设置（除其他外）的一个很好的包装器。默认情况下，ng build将创建以下 JS 文件：

  • main.js
  • polyfills.js
  • 运行时.js
  • 样式.js
  • 供应商.js

（如果您将这些文件配置为 ，则这些文件可能会以哈希为后缀"outputHashing": "all"，这是生产的默认设置）

此外，如果您利用延迟加载功能模块。Angular CLI 可以将 app.js 拆分为名为 1.chunk.js、2.chunk.js 等的块。

推荐阅读