如何用 CSS 替代 SCSS 中的 @import？

知识点掌握了，还需要不断练习才能熟练运用。下面golang学习网给大家带来一个文章开发实战，手把手教大家学习《如何用 CSS 替代 SCSS 中的 @import？》，在实现功能的过程中也带大家重新温习相关知识点，温故而知新，回头看看说不定又有不一样的感悟！

用 css 替代 scss 中的 @import

在 scss 文件中，@import 语句用于导入其他 css 文件。然而，如果项目中只有一个文件使用 scss，我们可以考虑使用普通 css 来替代它，从而消除对 sass 和 sass-loader 的依赖。

要使用纯 css 替代 scss 文件，可以使用 css 的 @import 语句，将其他 css 文件导入主 css 文件。以下是如何修改提供的 scss 文件：

/* This file is for your main application css. */
@import url("~select2/dist/css/select2.css");
@import url("~font-awesome/css/font-awesome.css");
@import url("~ionicons/dist/css/ionicons.css");
@import url("~bootstrap/dist/css/bootstrap.css");

由于 css-loader 已不再需要，因此可以将其从项目配置中删除。虽然 sass 或 stylus 提供了更多便利，但当只涉及一个小文件时，纯 css 也可以满足需求。

到这里，我们也就讲完了《如何用 CSS 替代 SCSS 中的 @import？》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注golang学习网公众号，带你了解更多关于的知识点！