<分区>
用 Angular 组件打包样式的推荐最佳做法是什么？在 Angular 2 之前，通常使用 sass/less 将组件/指令模块化，方法是将其样式保存在与 JavaScript 和 HTML 相同的文件夹中。但最后构建过程会扫除整个源代码并将所有 JavaScript 打包到一个文件中(例如 bundle.js)，将所有 css 打包到一个文件中(例如 style.css)。换句话说，JS 和 CSS 即使在不同的源模块中，也被分开打包。这仍然是 Angular 2 或其他推荐的方式吗？
此外，如何解释全局样式/主题？例如，如果我使用一些 Material 设计库或 Bootstrap ，组件肯定会依赖于它们。有CSS依赖的概念吗？
最佳答案
您在 Angular 2 组件中使用的任何样式都可以来自您在 index.html 上引用的全局 css，它们可以按照您之前所做的相同方式进行打包。
每个组件的样式仅在您构建要导出给其他人以开始使用的组件时才有用。
即使您可以引用文件并将其添加到 bundler 中。
@Component({
selector: "my-app",
templateUrl: './app/app.component.html',
styleUrls: ["./app/app.css"]
})
export class AppComponent implements OnInit {
}
关于css - Angular2组件如何打包样式？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35190534/