如何仅在开发人员中使用组件？

Question

我有一些翻译组件，仅在开发环境中使用。这个想法是在项目构建时不会编译组件。

如何在AngularDart 5中实现？

Answer 1

根据要加载/不加载组件的方式，可以采取不同的策略。我的首选方法通常是为您的应用程序提供两个入口点，即web/main.dart和web/main.dev.dart，并使后者成为唯一导入/使用/加载有问题组件的入口点。

例如，您可以在lib/translation.dart中具有以下定义：

void Function() loadTranslationComponent = () {};

在web/main.dev.dart中：

import 'package:name/translation.dart';

void main() {
  loadTranslationComponent = () {
    // Code to initialize and use only in development mode.
  };
}