首页 文章

使用更少的AngularDart组件和Bootstrap

提问于
浏览 次
2

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

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

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

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

dart angular-dart

1 回答

  • 0

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

    我猜你会避免使用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放入 index.html 页面，如Angular.js .

    回复于

相关问题