Angular2：如何从node_modules导入样式表？

问题：在我的 Angular2 (4.0) 应用程序中，如何从 node_modules 中的模块导入样式表 (css)？

我有一个模块位于此处：

node_modules/@swimlane/ngx-datatable

我想导入这个样式表：

node_modules/@swimlane/ngx-datatable/release/index.css

我尝试过以下方法，没有运气：

在我的组件自己的 scss 文件中：

@import '~@swimlane/ngx-datatable/release/index.css';

在我的组件中：

@Component({
  encapsulation: ViewEncapsulation.None,
  selector: 'site_table',
  template: require('./site_table.html'),
  styleUrls: ['./site_table.scss', '@swimlane/ngx-datatable/release/index.css']
})

因为您已经在使用 SCSS，所以在您的./site_table.scss像这样导入它

@import "~swimlane/ngx-datatable/release/index";

注意：不要添加扩展名。

它将从节点包导入样式表。这对我很有帮助，希望对你也有帮助。这样，您只需在组件中使用单个样式表，它就会看起来更干净。