Question

我已经开始使用Vic Savkin's sample app作为骨架将AngularJS应用迁移到AngularDart。

我现有的项目使用Less CSS。我不清楚如何在我的项目中包含它。

具体来说，我在＆＃39; lib＆＃39; ＆＃39; web＆＃39;中的文件夹和CSS夹。我希望能够在项目级别定义一些Less变量，这些变量将由Components使用。我想在其他未来的项目中使用这些组件。

我是否需要在每个组件的较少文件中导入bootstrap.less和variables.less文件，或者是否有更有效的方法？

Answer 1

首先，如果您想在web和lib中使用某些内容，请将其放入lib。您可以使用lib从web导入package:mypackage/asset/css/mycss.css，但不能相反。

我猜你会避免使用shadowDOM，因为Bootstrap无法正常使用它如果你仍然想使用shadowDOM，你需要将CSS添加到每个组件（当你有嵌套组件时可能仍会造成麻烦）或修改CSS选择器。

如果修改CSS选择器，则需要为每个规则添加其他选择器，如：

/* original */
.someclass .someotherclass { xxx: yyy; }


/* modify to */

.someclass .someotherclass,
* /deep/ .someclass /deep/ .someotherclass,
* /deep/ .someclass .someotherclass, /* might be necessary too */
 { xxx: yyy; }

如果您创建所有组件（并且仅使用不使用shadowDOM的第三方组件），您可以将所有CSS放入{Angner.js中的index.html页面。

使用更少的AngularDart组件和Bootstrap

1 个答案: