如何用Angular2组件打包样式？
如何用Angular2组件打包样式？
提问于 2016-02-04 08:41:47
用angular组件打包样式的推荐最佳实践是什么？在Angular 2之前，通常使用sass/less来模块化组件/指令，方法是将组件/指令的样式保存在与JavaScript和HTML相同的文件夹中。但在最后，构建过程将扫描整个源代码，并将所有JavaScript打包为一个文件(例如bundle.js)，并将所有css打包为一个文件(例如style.css)。换句话说，JS和CSS是单独打包的，即使它们位于不同的源模块中。这仍然是Angular 2或其他版本中推荐的方式吗？
另外，如何解释全局样式/主题？例如，如果我使用一些材料设计库或bootstrap，这些组件肯定会依赖于它们。有CSS依赖的概念吗？
回答 1
Stack Overflow用户
发布于 2016-02-04 09:59:19
无论您在Angular 2组件中使用的是什么样式，都可以从您在index.html上引用的全局css中获取样式，这些样式可以是与之前相同的方式的包。
仅当您要构建要导出给其他人以开始使用的构件时，才能使用每个构件的样式。
即使这样，您也可以引用一个文件并将其添加到捆绑器中。
@Component({
selector: "my-app",
templateUrl: './app/app.component.html',
styleUrls: ["./app/app.css"]
})
export class AppComponent implements OnInit {
}Great blog for Styling on Angular2
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35190534
复制相关文章
相似问题
腾讯云开发者
