Angular.dart - 可以将更少的样式应用于组件吗?
问题描述:
快速问题:是否有可能将LESS样式添加到angular.dart组件中?如果他们在运行时运行,而不编译到CSS,那将是非常好的。由于Shadow DOM组件的结构恐怕会非常困难,您怎么看?Angular.dart - 可以将更少的样式应用于组件吗?
编辑
这是希望我在组件文件到达:
@Component(
selector: 'sample',
templateUrl: 'sample/sample_component.html',
cssUrl: 'sample/sample_component.less'
)
class SampleComponent {
答
为了回答您的具体问题 - 否。但是,这是可能实现与预期效果正确的工具。我用较少的代码编写了我的组件的css,这些代码是由我选择的IDE,WebStorm自动监视和编译的。
对于你的情况,你将编辑一个sample/sample_component.less
文件,并保存后,它会编译为css。您的组件将引用编译的sample/sample_component.less
。正如我所提到的,WebStorm负责为我观看这些文件,但是应该有办法在没有IDE的帮助下完成这些工作。
是的我知道我可以通过IDE或命令行的手表实现它。但是我不知道'cssUrl'属性有什么意义,在生成的HTML中我只能看到阴影组件内容中的css文件配置。也许一些变压器可以采取? – 2014-12-04 19:20:26
cssUrl属性AFAIK告诉角度何处获取组件的css。这将是可能的(尽管不是微不足道的)创建一个变压器,将文件编译为CSS。虽然Angular做了模板缓存,但我不确定它是否缓存了组件的CSS,但这可能会阻止任何为此使用变形金刚的企图。 – 2014-12-04 19:25:09