1 Câu hỏi: Làm thế nào để lười tải mô-đun Angular mà không có CLI?

câu hỏi được tạo ra tại Wed, May 8, 2019 12:00 AM

Tôi vẫn chưa tìm thấy trường hợp sử dụng cụ thể này được mô tả ở bất kỳ đâu. Nếu nó tồn tại, vui lòng giới thiệu tôi với nó.

Tôi muốn đạt được sự lười biếng khi tải các mô-đun Angular (sử dụng phiên bản Angular 7), vì chúng tôi sử dụng nhiều thư viện lớn của bên thứ 3 cho các phần cụ thể của ứng dụng hiếm khi được sử dụng. Tuy nhiên, chúng tôi không sử dụng Angular CLI (lệnh ng). Tất cả các ví dụ tôi đã thấy sử dụng Angular CLI để xây dựng khối mô-đun và tải thông qua một chuỗi đường dẫn, trong loadChildren hoặc một số cách khác.

Bản dựng của chúng tôi được quản lý bằng Webpack (tệp webpack.config.js). Tôi hiểu rằng Angular CLI là một công cụ xây dựng và việc sử dụng Angular không cần đến nó. Vì chúng ta biết chức năng này tồn tại trong Angular, nên phải có cách tận dụng nó mà không cần CLI. Tôi không bận tâm đến các giải pháp hacky cho vấn đề này, vì tôi hy vọng rằng tính năng này có thể được giới thiệu mạnh mẽ hơn trong tương lai cho khung Angular.

Bất kỳ mẩu thông tin nào cũng sẽ được đánh giá cao.

    
0
  1. CLI góc là nguồn mở. Đi xem cách họ làm điều đó.
    2019-05-08 16: 32: 03Z
  2. Như bạn đã nói, CLI là một trình bao bọc trừu tượng trên Webpack. Vì vậy, một cách để hiểu cách thức hoạt động của nó bằng cách tạo một ứng dụng mẫu với các mô-đun được tải lười biếng. Sau đó sử dụng ng eject để đẩy cấu hình Webpack bên dưới. Nó nên chứa các trình tải và tập lệnh chính xác để tạo và tải các khối.
    2019-05-08 16: 34: 28Z
  3. Đó sẽ là một ý tưởng thú vị. Tôi đã thử điều đó một lần, nhưng ng eject không còn có sẵn trong Angular 7. Tôi sẽ cần tìm hiểu xem có phiên bản cũ hơn của Angular với ng eject và các mô-đun lười biếng.
    2019-05-08 16: 47: 59Z
1 Câu trả lời                              1                         
  

Tất cả các ví dụ tôi đã thấy sử dụng Angular CLI để xây dựng khối mô-đun và tải thông qua chuỗi đường dẫn, trong loadChildren hoặc một số cách khác.

Điều đó đúng, nhưng nếu bạn không sử dụng Angular CLI, điều tiếp theo bạn phải làm là cài đặt gói angular-router-loader và sau đó trong webpack.config.js file của bạn, bạn hãy thêm nó vào trình tải bản thảo

loaders: [
  {
    test: /\.ts$/,
    loaders: [
      'awesome-typescript-loader'
    ]
  },
  {
    test: /\.(ts|js)$/,
    loaders: [
      'angular-router-loader'
    ]
  }  
]
    
0
2019-05-08 19: 06: 10Z
nguồn đặt đây