SCSS编译为CSS显示错误:未定义混合
这个错误通常是由于在SCSS文件中使用了未定义的混合（mixin）导致的。混合是一种在SCSS中重复使用样式代码的方式，类似于函数。当编译器在编译SCSS文件时遇到未定义的混合，就会报错。
要解决这个错误，可以按照以下步骤进行：
- 检查错误提示：编译器通常会给出具体的错误提示，指明未定义的混合的位置。首先要仔细阅读错误提示，确定是哪个混合未定义。
- 定义混合：在SCSS文件中找到未定义的混合，并确保其在使用之前已经定义。混合的定义使用
@mixin关键字，例如： - 定义混合：在SCSS文件中找到未定义的混合，并确保其在使用之前已经定义。混合的定义使用
@mixin关键字，例如： - 引用混合：在需要使用混合的地方，使用
@include关键字引用混合。例如： - 引用混合：在需要使用混合的地方，使用
@include关键字引用混合。例如： - 重新编译：保存修改后的SCSS文件，并重新编译为CSS。确保编译器能够正确识别和解析混合。
如果以上步骤都正确执行，那么编译错误应该就会解决。如果问题仍然存在，可能是其他原因导致的错误，可以进一步检查代码或者提供更多的错误信息以便进行排查。
关于SCSS编译为CSS的更多信息，你可以参考腾讯云的云开发文档中关于SCSS编译的介绍。
相关·内容
rails 3.2，引导3。
我使用，但我不能工作。我有这个错误
未定义的混音‘make列’。
在这个文件中，app/assets/stylesheets/exam.css.scss
...
.button-left{
@include make-lg-column(4);
display:inline;
padding-top: 5px;
}
...
这是我的application.css.scss
@import "bootstrap";
@import "exam";
如果我将这些行添加到exam.css.scss中，它就能工作。但我不
浏览 4提问于2014-01-13得票数 1
回答已采纳
1回答
scss向后兼容less吗？我不这么认为。例如，less使用'@‘作为变量的前缀，而scss使用'$’作为变量的前缀。但即使我替换了变量前缀，我也认为每个预处理器都有特定的函数/处理。
一位同事坚持认为scss与less是向后兼容的。我在想他可能被弄糊涂了。Less/scss与css向后兼容，但我不认为scss与less向后兼容。你能确认一下吗？
浏览 0提问于2017-02-22得票数 3
示例目录
Root
- Js folder
- css folder
-Sass input folder
-input.scss
-Sass output folder
- compiled css folder
- php
我是个新手，我知道如何使用Sass --watch input.scss:output.css来启动这个项目
是否可以将output.css保存到其他文件夹，如上述目录中的示例，我想保存到其他文件夹名为sass输出文件夹
我试过了
Sass --watch input.scss: root/css/sass output/output.css
但是我得到了一个错误
浏览 3提问于2014-10-22得票数 0
伙计们， 我收到了我的教授的一小段代码。在本地运行liveserver时，js在浏览器终端中显示错误。 Failed to load module script: The server responded with a non-JavaScript, CSS MIME type of "text/x-scss". Strict MIME type checking is enforced for module scripts per HTML spec. 我从未在javascript中实现过css文件，也从未使用过scss，所以我不知道如何处理这个问题。我希望这里有人知道怎么
浏览 267提问于2021-04-02得票数 0
回答已采纳
我想用nodejs创建一个网站，但我在scss和ejs中的显示风格有问题。
我在文件夹../app/public/scss中有一个../app/public/scss样式，我使用这个中间件来设置静态文件，并使用它：
app.use(express.static(path.join(__dirname,'public')));
app.set('view engine', 'ejs');
app.set('views' , path.join(__dirname,'../','reso
浏览 1提问于2020-06-02得票数 1
回答已采纳
我有一个现有的网站项目( provided，jQuery)，我想开始利用Foundation6提供的一些功能/设计。
我以前就开始使用Foundation 5，只是引用了我的项目中的css和js文件。它果然起作用了，生活也很好。
我的问题开始于我想要覆盖一些基金会的CSS。首先，我简单地重写了我自己的CSS文件中的类。它起了作用，生活也很美好。但从可维护性的角度来看，我意识到这并不是最好的方法。因此，我开始潜入SASS/SCSS。看来第六基金会是该走的路。我安装了各种各样的东西让它工作..。node，ruby，gems，Foundation CLI，以及其他一些暂时让我无法理解的东西。
我创建
浏览 4提问于2015-12-28得票数 0
回答已采纳
因此，让我们假设我有以下情况:我有2个.scss文件。
其中一个带有变量，另一个将被实际转换为我的网页的.css，在那里我想访问上述变量。
vars.scss
$my_color: red;
main.scss
@use 'vars'
body {
color: $my_color;
}
我要做的是访问在vars.css中定义的变量并使用它。
引用是正确的，因为如果我使用@import而不是@use，一切都会正常工作。
我还尝试引用vars.$my_color变量，正如文档中所建议的那样，但是我始终得到一个“未定义变量”错误。
浏览 3提问于2020-01-22得票数 1
我不能在我的rails应用程序中使用(错误:未定义的混合“列”)。
Gemfile
gem 'rails', '~> 4.0.0'
gem 'sass-rails'
gem 'zurb-foundation'
Application.css.scss
/*
*= require_self
*= require foundation_and_overrides
*= require_tree .
*/
layout.css.scss
section {
浏览 10提问于2013-07-28得票数 2
回答已采纳
1回答
我有问题，包括字体Awesome / Sass到我的Gulp项目。通过html使用字体效果很好..就像这样，没有问题。但是当我尝试在我的sass文件中使用字体强大的混合时，Sass任务出错了：
events.js:183
throw er; // Unhandled 'error' event
^
Error: toolkit\dev\css\_placeholders.scss
Error: Undefined variable: "$fa-var-user".
on line 269 of toolkit/dev/cs
浏览 0提问于2018-11-07得票数 1
我在我的rails应用程序中使用了引导3.3.0，但是下面显示了错误
错误编译资产application.css: Sass::SyntaxError:未定义的混音‘隐藏-文本’。(在../app/assets/stylesheets/application.css.scss)服务资产中/application.css - 500内部服务器错误)
这是我的application.css.scss
@import "bootstrap";
@import "bootstrap-timepicker";
@import "bootstrap-date
浏览 5提问于2014-11-05得票数 1
回答已采纳
当从scss文件转换为css文件时，如何避免将任何特定的scss文件转换为css？
我有20个scss文件，最终转换为css，这使得css文件非常大。我正在尝试转换只有几个文件到css，并希望避免其他。
这个问题似乎直接要求解决，但我已经搜索了很长时间的答案。但发现大部分文件都不相关。
请给出解决此问题的建议或方向。
浏览 3提问于2018-07-16得票数 0
我有一个导入部分sasss文件(@ main.scss 'customMediaQueries')的导入文件。当我更新customMediaQueries.scss文件时，customMediaQueries.css正在更新，但导入customMediaQueries.scss文件的main.scss文件没有更改。因此，生成的main.css不会更新。
我使用的是sassystudio。如果任何人对这个问题有任何想法，请让我知道。
浏览 0提问于2016-04-06得票数 0
1回答
我正在尝试在我的scss文件中为我的图像添加前缀，例如，在我的scss文件中
background-image: image-url('/img/bg.png')
应在css文件中将其转换为
background-image: url('/barfoo/img/bg.png');
在我的gulpfile.js中，我的样式任务定义如下：
var _sass = gulp.src('../scss/main.scss')
.pipe($.sass({
errLogToConsole: true,
imagePa
浏览 0提问于2014-08-25得票数 2
我使用WinSCP在Linux (服务器上)上下载和编辑.scss文件和sass，将它们编译成.css。
保存文件后，我使用：sass scss/style.scss css/style.css，它成功地用编译后的sccs替换css文件。
问题
为了自动化和节省时间，我想跳过编辑scss文件后返回命令行的部分。
但是，如果我使用watch命令：sass --watch scss/style.scss:css/style.css来同步这两个文件，就会弹出关于不存在的css错误的警告：
Change detected to: scss/style.scss
error scss/sty
浏览 3提问于2016-03-11得票数 3
回答已采纳
以前，我是这样在style.less中导入引导程序的(不使用js框架)：
@import "bootstrap/less/bootstrap.less";
@import "variables.less";
@import "mixins.less";
@import "main.less";
...
现在，我使用create-react-app，对每个组件使用单独的文件夹，每个组件都是单独的was文件(我被告知这是最好的方法之一)。
├── components
│ ├── About
│ │ ├── index.j
浏览 3提问于2017-10-02得票数 5
我正在使用Gulp和Sass编写Woocommerce的店面主题，并在其中一个混合器中遇到了一个错误：
插件"sass“消息中的错误: storefront/assets/css/woocommerce/woocommerce.scss错误:在storefront/assets/css/woocommerce/woocommerce.scss，的第2831行、在storefront/assets/css/woocommerce/woocommerce.scss的@content中、从node_modules/susy/sass/susy/language/susy/_breakpoin
浏览 3提问于2018-07-20得票数 1
2回答
我正在为Windows 8开发一个麦德龙应用程序，并使用2012.目前，当我保存SCSS -文件时，我使用SASS和Compass自动地将SCSS转换为CSS。
我想要的是能够在运行时更改CSS。也就是说，我希望在我的右边屏幕上打开SCSS文件，当我对它进行更改时，左侧屏幕上正在运行的应用程序将显示这些更改。目前，我必须在visual中刷新应用程序，但这并不能保留状态。
所以总结一下：
我已经成功地安装了指南针和SASS。当我更改SCSS文件时，CSS文件(包含在项目中)将正确地重新生成。
我正在运行的应用程序没有反映CSS-文件中所做的更改。我需要重新加载应用程序，以显示变化。
浏览 3提问于2012-06-27得票数 1
回答已采纳
1回答
我是SCSS的新手。我正在开发一个python web应用程序。我有一个问题，SCSS中的更改没有反映出来。仅反映CSS文件中的更改。
我在网上查看并创建了一个映射文件：
{"version":3,"sourceRoot":"","sources":["index.scss"],"names":[],"mappings":"AACE;EACE","file":"index.css"}
我还是很困惑。每当我更改SCSS文件时，我需要运行一
浏览 26提问于2020-05-07得票数 0
回答已采纳
我有一个使用刀片模板的laravel7项目，目前我正在使用webpack，我得到了一个编译错误，我显示在文章的末尾。
文件webpack.mix.js
const mix = require('laravel-mix');
mix.js([
'resources/assets/js/app.js',
'resources/assets/vendor/popper/popper.min.js',
'resources/assets/vendor/bootstrap/bootstrap.min.js',
浏览 1提问于2020-10-30得票数 1
回答已采纳
我想开始使用@use而不是@import，因为@import会被折旧。我有一个部分：
// _test.scss
$color1: #ee00ee;
引用者：
// demo.scss
@use test;
html {
color: $color1;
}
如果我注释掉html: $color1行，我不会得到任何错误。如果我删除_test.scss，我得到一个文件找不到错误，所以文件似乎包括在内。
但是当一切就绪时，我会得到一个未定义的变量错误。如果我将@use替换为@import，我不会得到任何错误，并且生成的css具有预期的颜色。
我在一个巨无霸(大苏尔)上，使用飞镖萨斯：
% dar
浏览 0提问于2021-01-15得票数 1
1回答
我正在尝试使用来自代码的btn-9的scss来添加这样的悬停动画到我的角度项目。但是，当我为btn-9类复制整个SCSS时，我会得到以下错误：
在阴影和色调，我得到未知的函数错误，在我的IDE (网络风暴)
编译器会抛出以下错误：./src/ (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./node_modules/sass-loader/dist/cjs.
浏览 3提问于2020-06-05得票数 1
我只是想用.scss文件编译整个目录，就像它在文档中一样，但是我得到了一个错误，我做错了什么？
命令是：sass scss:public/main.css，但是我得到了这个错误：
Errno: EISDIR:是@ rb_sysopen scss使用的目录--用于回溯的跟踪
浏览 0提问于2015-03-19得票数 1
2回答
我有一个具有角1.x和角7路由的环境。角1.x路由使用旧的引导3，而角7应该使用引导4。
@import "../../../node_modules/bootstrap/scss/bootstrap.scss";
在组件内部
styles: [`
@import '../../../node_modules/bootstrap/dist/css/bootstrap.css';
`]
但我一直
模块构建错误失败(来自./node_modules/mini-css-extract-plugin/dist/loader.js)：TypeErro
浏览 0提问于2019-03-13得票数 1
2回答
我对新的角度CLI工具很兴奋，目前正在调整我的平均堆栈以使用它的文件夹结构。我设置我的应用程序使用SCSS而不是css，因为我喜欢SASS。
但是，应该以全局方式工作的主styles.scss似乎并没有在混合文件中加载以便在其他scss文件中使用。我的styles.scss看起来是这样的：
STYLES.SCSS
//Compass Import
@import "compass";
@import "compass/reset";
@import "compass/css3/box-shadow";
@i
浏览 2提问于2017-02-05得票数 1
1回答
将SCSS文件绑定到CSS中
、、、、
我正在尝试使用Bundle方法集成Asp.Net中的scss文件：
public static void RegisterBundles(BundleCollection bundles) {
bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
"~/Scripts/jquery-{version}.js"));
bundles.Add(new ScriptBundle("~/bundles/modernizr").Include("~/Scripts/modernizr-
浏览 2提问于2013-11-09得票数 1
3回答
我知道该路径需要相对于CSS文件。
使用sass进行开发，以及使用Wordpress的Bones模板/框架。文件布局如下所示：
localhost/wordpress
-- wp-content
-主题
-hs主题
--库
- css
- 'style.css‘
- scss
--断点
- '_1030up.scss‘
--图像
- 'header.jpg‘
我正在用_1030up.scss中的一些代码修改header类，它将被移植到style.css。
.header {
background-color: $blue;
background-image: u
浏览 2提问于2014-04-29得票数 1
main.scss
@import "sass1";
@import "sass2";
sass1.scss
$white-color: white
sass2.scss
.body{ color: $white-color}
如果我像这样编译一次，它就能正常工作
node-sass main.scss main.css
但是如果我像这样使用观察器，修改并保存_sass2.css会给出错误
node-sass --watch main.css main.css
{“状态”：1，“文件”："sass2.scss"，“行”：3，“列”：11，“消息”
浏览 0提问于2018-12-07得票数 1
我得到了一个style.scss文件用于我的网站设计。当包含css/bootstrap.css (来自bootstrap-3.3.7-dist)和编译后的style.css时，站点看起来与预期的一样。
但是，当将style.scss文件的内容放入bootstrap的Drupal SASS starterkit的_default-variables.scss中并包含编译后的style.css (它大约大十倍，显然包含引导代码)时，站点在一些细节上看起来会有所不同(按钮、一个空格等)。
使用Bootstrap SASS获得的style.scss的正确方法是什么？
非常感谢!
致以良好的问候，迈克尔
浏览 0提问于2017-01-18得票数 0
1回答
创建自定义scss文件
、、、
我正在安装引导创业板并按照所有方向更改application.css，但是当我创建另一个自定义.scss文件时，来自自定义文件的自定义没有包含在application.css.scss中。我已经尝试导入引导带和引导链轮到自定义文件，但没有做任何更改的网站。如何在新创建的custom.scss文件上进行自定义以显示在网站上。
application.css.scss文件仅包含2行
@import "bootstrap-sprockets";
@import "bootstrap";
浏览 0提问于2016-04-21得票数 1
回答已采纳
我使用SASS的第一天已经被困住了。
我有一个包含大量.scss文件的目录和一些包含更多.scss文件的子目录。我必须将它们全部转换为.css，维护相同的目录结构。
这是目录结构-
src
|-scss
|- _base.scss
|- _reset.scss
|- themes
|- _light.scss
|- _dark.scss
|-css
我希望将scss中的所有.scss文件编译为css dir中的.css文件，保持相同的目录结构。我一次只能做一个文件，但不是一次就能做到。
我试过-
sass -
浏览 3提问于2014-08-27得票数 10
回答已采纳
1回答
我有一个关于SCSS的问题。我是新手，所以如果我没有提供足够的信息，请让我知道，以便我可以更新我的问题。
我目前正在做一个Wordpress安装，它有一个SCSS目录，里面有所有不同的.scss文件。
我试着直接编辑文件，遇到了很多问题。我做了一些研究，看起来scss需要编译成css，这样网站才能阅读它。问题是，无论我怎么尝试，它就是不起作用。网站样式会中断，更新后的代码将无法工作。我知道我可以直接更改css，但我知道如果重新编译scss，它将删除我对css的直接更改。
任何帮助都将不胜感激。
浏览 17提问于2017-01-25得票数 0
回答已采纳
可以在scss中呈现任意字符串吗？您可以呈现属性值：
/*source scss*/
$some-color: #123456;
a {color: $some-color;}
/*compiled css*/
a {color: #123456;}
或使用的选择器/属性名称
/*source scss*/
$some-class: 'my-awesome-link';
$some-attribute: border;
a.#{$some-class} {#{$some-attribute}-color: #000;}
/*compiled css*/
a.my-aweso
浏览 2提问于2012-12-12得票数 1
回答已采纳
我一直在阅读如何在我的网站中实现Sass。
提供的知识和教程非常有限。
我已经在我的Mac pro上安装了sass，当我编译时，我得到一个错误，说安装fbevent依赖。
它仍然将style.scss文件编译成css文件，我不知道为什么会出现这个错误。
其次，我现在已经在我的桌面上设置了这个。我该如何在服务器上实现它？
我的最后一个问题
如何将scss文件链接到我的HMTL?？我是以某种方式使用编译后的css文件，还是链接到scss文件。
浏览 0提问于2013-06-20得票数 0
1回答
我在本地使用Gulp和SASS开发动态站点的CSS (即CMS驱动)。我正在尝试配置一个解决方案来编译全局CSS与关键路径CSS。到目前为止，最好的想法是将我的主scss文件拆分为特定于站点模板的文件(例如templateA.scss、templateB.scss等)。然后，我可以输出和缩小离散的CSS是拉到网站，一个模板一个模板。
我的问题是如何以最佳方式配置gulpfile.js来实现这一点。我为“模板A”(实际上是网站的主页)设置了一个任务。我有4-5额外的模板，将利用关键的CSS，并希望就如何最好地添加这些反馈。
下面是前面提到的处理主页SCSS的任务：
gulp.task('
浏览 5提问于2016-08-05得票数 0
回答已采纳
我有两个文件夹：(SCSS输入，CSS输出文件夹)
CSS
main.css
SCSS
_base ( file.scss，file.scss，file.scss.)
_pages (和_base一样)
_elements (和其他人一样)
_parts (和其他人一样)
在SCSS文件夹中，我有很多带有.scss扩展名的文件夹和文件。我刚刚第一次安装了Linux，这对我来说是全新的。在Windows上运行时，我使用了ScoutApp ()，每当我对任何SCSS文件进行更改并保存它们时，它都会更新CSS文件。
我应该使用哪个命令来产生相同或相似的效果？
我也
浏览 1提问于2015-12-12得票数 0
回答已采纳
完整的命令行如下：
sass --load-path=node_modules --style=compressed --no-source-map .storybook/index.scss dist/index.css
但我最感兴趣的是最后一部分：.storybook/index.scss dist/index.css
有人告诉我这个命令行listens to css changes and does hot code replacement，但我几乎不知道这到底是什么意思。我知道这对listen to CSS changes意味着什么，但是listened对哪些listened进行了更改
浏览 16提问于2022-08-22得票数 0
回答已采纳
问题: react的相对初学者，喜欢使用create-react-app而不弹出或配置webpack，并希望实现SASS，最好使用7-1文件夹结构。我想要的是组件的独立样式表，但也有布局等全局样式表等。最重要的是，我想要有SASS变量和混合，我可以在我的所有组件中使用。
我尝试过的: 1) Node-sass-chokidar (在package.json中添加一些脚本，以便在运行npm start时自动运行css-watch，按照github.facebookincubator/create-react-app上的说明。)
Node-sass-chokidar在src目录中查找任何scss文
浏览 3提问于2017-10-03得票数 2
1回答
我正在尝试将多个scss文件转换为单个css file。main.scss文件还导入多个文件和variable.scss文件。当我转换为css文件时，我收到一个错误，如下所示：
[09:46:00] Using gulpfile ~\722333\Projects\AOS.Core\UI\assets\gulpfile.js
[09:46:00] Starting 'styles'...
[09:46:00] Finished 'styles' after 25 ms
Error in plugin "sass"
Message:
sty
浏览 0提问于2020-11-24得票数 1
回答已采纳
当使用Scout时，有没有一种方法可以防止它编译每个SCSS文件？我使用一个主SCSS文件来导入所有依赖项SCSS，因此只需要一个CSS文件输出，而不是每个SCSS都有一个CSS。
浏览 2提问于2013-03-13得票数 0
回答已采纳
1回答
能不能用webpack把一个scss文件目录编译成一个css文件目录？
我不想使用sass命令行工具，因为它是angular项目的一部分，并且在自定义构建器的帮助下，我可以只使用ng build运行webpack脚本
例如：
- src
- themes
- theme-dark.scss
- theme-light.scss
至
- dist
- themes
- theme-light.css
- theme-dark.css
然而，我认为这目前是不可能的，因为webpack似乎需要在javascript中导入scss，而不是在单个文件中，并且将生成的文件写入js而不是
浏览 20提问于2020-02-29得票数 1
回答已采纳
1回答
我似乎无法对我的部分进行sass watch更改，所以只有当我对我的主要scss文件进行更改时，css文件才会被编译。
我有一个带有m.scss和m.css文件的文件夹，还有一个名为partials的子文件夹( partials )。所以：
partials/_base.scss m.css m.scss
我试过：
sass -I partials --watch m.scss:m.css
但不起作用。
我在mac上运行一个ubuntu服务器，运行在paralels上，运行Haml/Sass 3.0.15 ( Cassidy)
浏览 3提问于2012-01-11得票数 2
回答已采纳
1回答
我在这个问题上苦苦思索了几天，希望这里有人能帮上忙。
我有一个非常基本的Rails应用程序(3.2.13)，它使用以下gem来设置twitter引导程序的样式
gem 'bootstrap-sass'
gem 'font-awesome-sass-rails'
资产的布局方式如下
- stylesheets
- all
bootstrap_override.css.scss
- public
styles.css.scss
- admin
styles.css.scss
bootstrap
浏览 0提问于2013-06-13得票数 0
回答已采纳
1回答
我正在尝试在我的主样式文件中加载一个成员。
这是文件结构
这是来自_body_style.scss的代码
body{
margin: 0px;
}
然后从main_style.scss编写代码
@use '_body_style';
这是main_style.css中的输出
@use '_body_style';
/*# sourceMappingURL=main_style.css.map */
编译器没有加载模块，我在控制台中没有看到任何错误。
我有没有遗漏任何配置，还是做错了？我以前用这个做过一个不同的项目，我不记得有过这样的问题。
浏览 7提问于2022-04-12得票数 1
回答已采纳
1回答
我从另一个开发人员那里接手了一个现有的项目，并且正在使用SCSS，但另一个dev显然是用来在本地(而不是在服务器上)编译CSS文件的。
我有一张原始地图，所以我的问题是。如何使用这个源映射并使用它来设置一个任务来自动监视.SCSS文件并将其编译为.CSS文件(我猜使用Grunt?)
以下是源地图的相关部分：
"sources": ["frontend.scss","../../../../../../Library/Ruby/Gems/1.8/gems/compass-core-1.0.0.alpha.19/stylesheets/compass/res
浏览 3提问于2015-02-18得票数 0
回答已采纳
2回答
我正在尝试创建一个css类，它可以使用一个数字作为与类关联的样式的输入。例如：
.font-<size> {
font-size: <size>px;
}
哪里的“大小”是一个数字。
这和scss有可能吗？
我的解决方案：
这就是我最后所做的，它是硬编码的，但却完成了任务：
// Generates some useful quick font size classes
$f-sizes: 1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30;
@eac
浏览 2提问于2015-12-18得票数 0
我正在用引导-sass v.3.1.1引导我的Rails应用程序，它在application.css.scss文件中运行得很好：
@import "bootstrap";
没别的事了。就在今天，我尝试添加一些自己的CSS为一些增加的样式，我没有得到的引导。这是为我的欢迎视图/控制器，所以我只是把它添加到welcome.css.scss
.complete-class {
text-decoration: line-through;
}
通过阅读，我的理解是您可以在清单中包括一个类似于welcome.css.scss的CSS文件，如下所示：
@import "boot
浏览 5提问于2014-09-23得票数 4
回答已采纳
2回答
我已经设置了一个新的项目来测试基金会6使用Gulp和Sass，但它似乎根本不编译。还有一篇关于这个话题的文章，但我个人认为，接受的答案并不是正确的解决方案--因为它包含了所有的组件，实际上与Zurb的建议截然相反(参见这个问题：)。不管怎样..。
我从bower中安装了Foundation6.1.1，并在gulpfile.js中将路径添加到gulpfile.js中，如下所示：
// Compile Our Sass
gulp.task('sass', function() {
return gulp.src('scss/theme.scss')
浏览 3提问于2015-12-30得票数 19
回答已采纳
我试图将一些SASS文件和CSS文件合并到Laravel中的单个CSS文件中，但是我找不到方法。
下面是一个我正在尝试使用的样本laravel，返回错误：
mix.js('resources/js/app.js', 'public/js')
.sass('resources/scss/app.scss', 'public/css')
.styles('resources/css/app.css', 'public/css');
浏览 3提问于2020-10-09得票数 1
回答已采纳
我无法让编译好的css使用我的scss中的任何@ my。在编译期间控制台中没有错误，所以我甚至不知道从哪里开始调查。
我的设置如下：
main.scss:
@charset 'UTF-8';
@import 'base/mixins';
@import 'components/button';
button.scss
#button {
color: yellow;
@mixin desktop-up {
padding-top: 10px;
}
}
_mixins.scss
$desktop-width: 992px;
浏览 1提问于2017-06-05得票数 1
回答已采纳
我正在使用一些复制的SASS代码来启动一个项目。它是用@编写的，我已经将它更改为“Dart SASS使用”。
style.scss
// base
@use 'css/var' as *;
@use 'css/base' as *;
@use 'css/typography' as *;
// layouts
@use 'css/container' as *;
@use 'css/grid' as *;
css/_var.scss
$baseFontSize:16 !default;
$baseLineHeig
浏览 3提问于2021-11-19得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
