將模塊（如組件、庫）導入到css中，可以讓我們更方便地編寫樣式。比如，如果我們使用了一個帶有特定class的組件，我們可以直接在css中導入，而不需要一個一個手動定義。

@import 'path/to/component.scss';
/* 使用了組件的class名 */
.header {
@extend .component-header;
}

上面的例子中，我們將一個名為component.scss的模塊導入到了css中，然后使用了其中的class名。這個例子還使用了sass的繼承功能，讓.header元素繼承了.component-header元素的樣式。

注意，導入模塊后，我們可以直接使用其中的class名，而不需要加上模塊名。如果我們在組件中定義了名為header的class，而在導入到css中后又定義了名為header的class，那么后者會覆蓋前者。

/* 在組件中定義的class */
.component-header {
font-size: 24px;
}

/* 導入到css中后重定義的class */
.header {
font-size: 18px;
}

在上面的例子中，.header實際上使用了.css組件中的樣式，而不是組件中定義的樣式。

在導入模塊時，我們還可以通過"url()"導入外部css文件。

@import url('https://fonts.googleapis.com/css?family=Open+Sans');
/* 使用Google字體 */
body {
font-family: 'Open Sans', sans-serif;
}

上述代碼中，我們使用了Google提供的Open Sans字體，并將其導入到了css中。