Angular2 与 Haml

是否可以在 Angular 2 中使用 HAML 作为模板引擎？

在 Angular 2（版本2.3.1）你可以使用 scss/sass 代替 css。这是给定的选项angular-cli with --style。对于模板，cli 只允许通过设置在内联模板之间进行更改--inline-template.

除非受支持，否则我必须如何配置我的 Angular 2 应用程序（由 angular-cli 版本创建）1.0.0-beta.26） 来写HAML，将其编译为HTML并使用HTML in the component as a templateUrl?

EDITAngular/cli 使用 webpack。我不知道如何配置webpack在捆绑所有内容之前将 haml 渲染为 html。 我该如何使用haml-loader在角度内部？

是的，这绝对是可能的。如果您使用 angular-cli，您首先需要访问webpack.config.js文件。您可以通过输入来完成此操作

$ ng eject

这将公开您需要编辑的配置文件。请注意，此后您将需要使用“npm start”而不是“ngserve”启动服务器。

对于哈姆尔你可以使用哈姆尔-哈姆尔-装载机

npm install haml-haml-loader --save-dev

然后在你的模块规则下webpack.config.js文件添加以下规则：

module: {
  rules: [
    ...
    {
      test: /\.haml$/, 
      loaders: ['haml-haml-loader']
    },
    ...

最后修改您的组件以通过以下方式使用“haml”文件：

@Component({
  selector: 'app',
  template: require('./app.component.haml'),
  styleUrls: ['./app.component.sass'],
})

或者你可以使用

templateUrl: './app.component.haml',

这应该能让你启动并运行 haml