angular - Angular 类名中的自定义后缀

Question

是否可以将 Angular 7(使用 CLI 7.x)项目配置为使用默认后缀以外的类名后缀？

更具体地说，对于表示对话框的类，我想使用 Dialog最后，而不是DialogComponent ，这是不必要的长。对于代表页面的类，我想使用 Page ，而不是 PageComponent .

示例:

使用 LoginDialog而不是 LoginDialogComponent

使用 MainPage而不是 MainPageComponent

由于 tslint，无法进行简单的重命名Angular 中预设的规则。

Answer 1

在 .eslintrc.js 中 - 我正在使用 IONIC，并且许多组件都是使用 Page 后缀创建的，以将页面与页面中使用的“组件”区分开来。以下添加 Page 作为已知后缀。

'@angular-eslint/component-class-suffix': [
      'warn',
      {
        suffixes: ['Component', 'Page'],
      },
    ],