css-preprocessor相关内容

使用导入模块中的变量时,SASS“无效的 css 错误"

我对 Sass 真的很陌生,在从部分样式表导入变量时遇到了问题.我认为这很简单,但事实并非如此. 我在 React 组件中使用这个样式表,像这样导入: import '../stylesheets/Table.scss'; 实际的样式表(经过简化,但有相同的错误)如下所示: @use 'colors.scss';.datatb-容器{背景色:colors.$table-bg;边框:2p ..
发布时间:2021-07-14 21:03:14 前端开发

在Gulp中处理数组以在每个目录中创建具有顺序文件的包

最像我将JS/CSS文件串联到Gulp中的一个大文件中,但是,随着HTTP2成为当今的规范,我想我会改为更改gulp文件以制作相关的“捆绑包",但是我想知道如何在Gulp中以一种干净的方式进行管理. 我之前的gulpfile.js: var gulp = require('gulp'); var browserSync = require('browser-sync').create( ..
发布时间:2020-11-21 21:12:53 前端开发

浏览器如何知道scss文件?

我看到了 html模板,并使用Chrome检查工具对其进行检查。 我很惊讶地知道我的浏览器可以检测到scss文件而不是已编译的css文件。 然后,我按Ctrl + U来查看页面源,尝试找到“ scss”,但结果却没有任何结果。 那么,浏览器如何知道scss文件? p> PS我是scss / sass / css预处理程序的新手 解决方案 您可以阅读此文章,了解有关Sou ..
发布时间:2020-09-23 22:40:42 前端开发

如何在Visual Studio 2013中使用Sass

如何在 Visual Studio 2013 中使用Sass CSS预处理器?是否有任何扩展可为Sass提供支持? 解决方案 Visual Studio 2013更新2 Visual Studio 2013 Update 2对SCSS和LESS文件均具有本机语法支持.您可以创建SCSS或LESS文件,并查看这些文件类型的语法突出显示和智能提示. 但是它不提供编译方法. 这是 ..

尝试编译sass时无效的CSS错误

我是sass的新手,下载了bulma,安装了gem和sass之后,我尝试使用sass style.scss style.css编译默认的sass文件,这是我的目录结构 但是我收到这样的错误: /* Error: Invalid CSS after "$pink": expected selector or at-rule, was ": #ffb3b3 " on lin ..
发布时间:2020-07-19 07:45:20 前端开发

我可以使用webpack分别生成CSS和JS吗?

我有: 我要捆绑的JS文件. 我想编译为CSS的较少文件(将@imports解析为一个包). 我希望将它们指定为两个单独的输入,并具有两个单独的输出(可能通过extract-text-webpack-plugin). Webpack具有所有合适的插件/加载器来进行编译,但似乎不喜欢这种分离. 我已经看到一些人的例子,这些人直接从JS需要他们的LESS文件(例如require(' ..
发布时间:2020-07-19 02:19:40 前端开发

在Webstorm中,如何自动前缀由less生成的CSS文件?

我有Webstorm 7(在Win7上),将我的.less文件编译成带有源映射的缩小的CSS(在nodejs v0.10.26上使用lessc,从Webstorm的File Watcher中运行),然后我可以对生成的文件运行autoprefixer css自动插入供应商前缀. 我不确定该怎么做,就是将两个步骤结合起来.可以在Webstorm中链接File Watchers吗? 可能的方 ..
发布时间:2020-04-30 09:58:09 其他开发

使用sass的媒体查询

我收到使用媒体查询混合编译我的sass文件的错误。我按照几个教程,但它不会编译。我使用 Sass 3.3.0.alpha.67(Bleeding Edge)。 / *包含在结尾* / @mixin mobile-only { @media(max-width:320px){ @content; } } / *包含在我的sass的其余部分是* / body {@inc ..
发布时间:2017-01-20 04:41:14 前端开发

Sass:在SCSS中使用两个@each列表

在我的CSS中,我必须创建引用“头发颜色”和“发型”的类。 我写了一个mixin来帮助我写CSS更高效: @mixin发型($ hair,$ color){ .hair - #{$ color} 。#{$ hair} { background:image-url(“xsppsfhair#{$ hair}#{$ color} .svg”)中心顶部没有重复, image-url( ..
发布时间:2017-01-20 03:49:56 前端开发