css - Angular2 : How to import a stylesheet from 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";

注意:请勿添加扩展名。

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

关于css - Angular2 : How to import a stylesheet from node_modules?，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43738008/