Могу ли я добавить пользовательское промежуточное ПО на сервер dev в приложении Angular CLI?

Question

В сущности, я бы хотел расширить прокси-сервер Angular CLI, чтобы включить некоторое специальное промежуточное программное обеспечение Express, используемое нашей организацией для поддержки уникальной модели аутентификации.

Create React App поддерживает это , предоставляяэкземпляр приложения Express и позволяющий вам app.use() ваше собственное промежуточное ПО.

Я не могу найти способ поддержать это с помощью Angular CLI.Это возможно без извлечения?

Answer 1

Это поддерживается с пользовательскими компоновщиками Angular (8+).

В частности, компоновщик custom-webpack позволяет интегрировать в пользовательское промежуточное ПО, используя before перехватчика Webpack.

https://webpack.js.org/configuration/dev-server/#devserverbefore

Например, введите extra-webpack.config.js:

module.exports = {
  devServer: {
    before(app, server) {
      app.use(yourCustomMiddleware);
    }
  }
};

Затем подключите его в angular.json:

"architect": {
  ...
  "build": {
    "builder": "@angular-builders/custom-webpack:browser"
    "options": {
      "customWebpackConfig": {
         path: "./extra-webpack.config.js"
      }