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

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

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

链接至：

---

但是现在我开始研究angular 7，它有CLI。我找不到一种方法可以处理这个问题。将文件分割成块的更好方法是什么？我们应该继续使用webpack而不是cli，还是可以使用cli？非常感谢您的帮助。

Angular CLI是一些默认网页设置（以及其他设置）的良好包装器。默认情况下，

ng build

将创建以下JS文件：

• main.js
• polyfills.js
• runtime.js
• styles.js
• vendor.js

（如果您将这些文件配置为

“outputHashing”：“all”

，这是生产的默认值，则这些文件可能会以哈希作为后缀）

---

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

Angular CLI是一些默认网页包设置（以及其他设置）的良好包装器。默认情况下，

ng build

将创建以下JS文件：

• main.js
• polyfills.js
• runtime.js
• styles.js
• vendor.js

（如果您将这些文件配置为

“outputHashing”：“all”

，这是生产的默认值，则这些文件可能会以哈希作为后缀）

---

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

如果要在供应商js中创建每个节点模块的块，只需在webpack.config.js中进行如下配置：

module.exports = {
  //...
  optimization: {
    splitChunks: {
      cacheGroups: {
        commons: {
          test: /[\\/]node_modules[\\/]/,
          name: 'vendors',
          chunks: 'all'
        }
      }
    }
  }
};

---

如果要在供应商js中创建每个节点模块的块，只需在webpack.config.js中进行如下配置：

module.exports = {
  //...
  optimization: {
    splitChunks: {
      cacheGroups: {
        commons: {
          test: /[\\/]node_modules[\\/]/,
          name: 'vendors',
          chunks: 'all'
        }
      }
    }
  }
};

---

我现在正试图解决同样的问题。我想使用

angular.json

服务和构建步骤来编译迁移。你找到解决办法了吗？@OriolMiró请参考我创建的回购协议。仔细参考angular.json和package.json脚本一节，您将了解如何执行itThanks！我会查一查。@OriolMiró成功了吗？这不完全是我想要的，因为我在与Nx合作，但它帮助我找到了方法。我现在正试图解决同样的问题。我想使用

angular.json

服务和构建步骤来编译迁移。你找到解决办法了吗？@OriolMiró请参考我创建的回购协议。仔细参考angular.json和package.json脚本一节，您将了解如何执行itThanks！我会查一查。@OriolMiró成功了吗？这不完全是我想要的，因为我在与Nx合作，但它帮助我找到了方向。