如何用普通的css替代掉scss文件里的 @import ？

Question

问题描述

在一个项目里仅有一个文件使用了 .scss，在这个文件的结构大致是这样的：

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

因为这个文件的存在，我们需要依赖 sass 和 sass-loader。有没有办法使用普通的 css 替代掉这个文件？

问题出现的环境背景及自己尝试过哪些方法

一个简单的后台管理应用。大部分样式代码都是使用普通的 css。

相关代码

如上。

你期待的结果是什么？实际看到的错误信息又是什么？

完全消除对 sass 的依赖。

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。

Answer 1

纯CSS也可以以@import 啊
https://developer.mozilla.org/zh-CN/docs/Web/CSS/@import

可能需要配置一下css-loader,好久没用了，现在都用sass 或stylus 方便