簡體   English   中英

如何在沒有CLI的情況下延遲加載Angular模塊?

[英]How to lazy load Angular module without CLI?

我還沒有找到任何描述的具體用例。 如果存在,請轉介我。

我想實現延遲加載Angular模塊(使用Angular版本7),因為我們使用很多大型第三方庫來處理很少使用的應用程序的特定部分。 但是,我們不使用Angular CLI(ng命令)。 我見過的所有示例都使用Angular CLI構建模塊塊,並通過路徑字符串加載,可以是loadChildren ,也可以是其他方式。

我們的構建使用Webpack(webpack.config.js文件)進行管理。 我的理解是Angular CLI是一個構建工具,使用Angular並不需要它。 由於我們知道Angular中存在此功能,因此必須有一種方法可以在沒有CLI的情況下利用它。 我不介意hacky這個解決方案,因為我希望將來可以更有力地將此功能引入Angular框架。

任何一些信息都將受到贊賞。

我見過的所有示例都使用Angular CLI構建模塊塊,並通過路徑字符串加載,可以是loadChildren,也可以是其他方式。

這是對的,但是如果你不使用Angular CLI,接下來要做的就是安裝angular-router-loader軟件包,然后在webpack.config.js file中將它添加到你的打字機加載器:

loaders: [
  {
    test: /\.ts$/,
    loaders: [
      'awesome-typescript-loader'
    ]
  },
  {
    test: /\.(ts|js)$/,
    loaders: [
      'angular-router-loader'
    ]
  }  
]

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM