如何用 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？的详细内容，更多请关注其它相关文章！