当前位置: 首页 > 面试题库 >

在SCSS文件中导入常规CSS文件?

曾航
2023-03-14
问题内容

无论如何,是否可以使用Sass的@import命令导入常规CSS文件?虽然我没有使用sass的所有SCSS语法,但我仍然喜欢它的合并/压缩功能,并且希望能够在不将我的所有文件重命名为*
.scss的情况下使用它


问题答案:

对于libsass(C / C ++实现),导入的工作*.css方式与*.scss文件相同-只是省略扩展名:

@import "path/to/file";

这将导入path/to/file.css



 类似资料:
  • 问题内容: 可以将.css文件导入.less文件…吗? 我对较少的内容非常熟悉,并将其用于我的所有开发。我经常使用如下结构: 所有导入文件都是其他.less文件,并且可以正常运行。 我当前的问题是:我想将.css文件导入.less,以引用.css文件中使用的样式,如下所示: .css文件包含一个名为的类,但是当我尝试编译.less文件时,出现错误 .less文件不会导入.css文件,仅导入其他.l

  • 问题内容: 我想将CSS文件导入React组件。 我已经尝试过,但是下面出现错误; 找不到模块:错误:无法解析c:\ Users \ User \ User \ Documents \ pizza-app \ client \ src \ components @中的“文件”或“目录” ../../../public/styles/disabledLink。 /client/src/compone

  • 问题内容: 我有一个带有ES6编写的组件的React应用程序-通过Babel和Webpack进行了编译。 在某些地方,我想包含特定CSS文件和特定组件,如react webpack手册中 所建议 但是,如果在任何组件文件中,我都需要静态CSS资产,例如: 然后编译失败并显示错误: 看来,如果我尝试在Component文件中要求CSS文件,那么Babel加载程序会将其解释为另一个来源,并尝试将CS​

  • 我想将CSS文件导入react组件。 我已经尝试但我得到下面的错误; 找不到模块:错误:无法解析文件或目录.../.../.../Public/style/disabledLink in c:\用户\用户\文档\pisa-app\Client\src\组件@./Client/src/组件/ShoppingCartLink.js19:20-66哈希: 2d281bb98fe0a961f7c4版本:

  • 问题内容: 我正在尝试像这样使用react-day-pickers组件,但是我不知道如何导入.css文件,并且不断收到错误: 我已经安装了package.json,这是我的Calender.jsx文件: 这是我的webpack.config.js: 问题答案: 您如何编译呢?如果是webpack,则可能需要引入样式加载器,并在webpack配置中的数组中包含以下内容: 更新 :现在提供了webpa