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

作者站长头像
站长
· 阅读数 5

问题描述

在一个项目里仅有一个文件使用了 .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 思否面试闯关挑战赛,欢迎正在阅读的你也加入。
回复
1个回答
avatar
test
2024-07-08

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

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

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容