Angular2与Haml

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

在Angular 2(版本2.3.1)中,您可以使用scss/sass而不是css.这是一个给定的选项angular-cli有--style.对于模板,cli只允许通过设置在内联模板之间进行更改--inline-template.

除非得到支持,否则我如何配置我的Angular 2 App(由angular-cli版本创建1.0.0-beta.26)来编写HAML,编译HTML并使用HTMLin ？component作为templateUrl？

编辑 Angular/cli使用webpack.我不知道如何配置webpack在捆绑所有内容之前将haml渲染为html.我如何haml-loader在Angular中使用？

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

$ ng eject

这将显示您需要编辑的配置文件.请注意,在此之后,您需要使用"npm start"而不是"ng serve"启动服务器.

对于haml,您可以使用haml-haml-loader

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