如何在webpack编译的jade中的标记之间添加空格

Question

我的角度模板看起来像这样：

ul
  li(ng-repeat-start="item in items") {{item.name}}
  br(ng-repeat-end)

是否可以在li和br或换行符之间留出空格？我有这个：

{ test: /\.jade$/, loader: 'raw!jade-html' }

在module.loaders

中的webpack.config.js中

Answer 1

最好使用CSS在li和br之间存在差距，例如，

ul > li + br {
   margin-top: 20px
}

Answer 2

找到解决方案：

ul.
  <li ng-repeat-start="item in items">{{item.name}}</li> <br ng-repeat-end/>