Angular dev/prod 配置

Question

我使用 Auth0 服务，它为我提供了两个 client_id - 用于开发和生产。不过这个必须内置源码：

@Injectable({
  providedIn: 'root'
})
export class AuthService {
  // Create an observable of Auth0 instance of client
  auth0Client$ = (from(
    createAuth0Client({
      domain: 'xxxxx',
      client_id: 'Mx9x.........',
      redirect_uri: `${window.location.origin}/authorize`,
      audience: 'xxxx'
    })
  ) as Observable<Auth0Client>).pipe(
    shareReplay(1), // Every subscription receives the same shared value
    catchError(err => throwError(err))
  );

我很乐意在本地开发期间使用一个，而另一个用于生产构建。这可行吗？谢谢！

Answer 1

您可以使用 environment.ts 开发 config/keys 和 environment.prod.ts 生产 config/keys ，在构建期间使用 ng build --prod angular 替换environment.ts 和 environment-prod.ts

Angular dev/prod 配置

Angular configuration for dev/prod

angular-config

angular

angular-builder