gulp 与 gulp-ruby-sass:错误:../style.css.map:3:1:未知单词
使用基本的 gulp/express build watch 时遇到一个奇怪的错误. 目录布局 项目/- 萨斯/- 样式.scss-gulpfile.js- index.html Gulpfile.js var gulp = require('gulp'),sass = require('gulp-ruby-sass'),autoprefixer = require('gulp-au
..
sass相关内容
Gulp Changed 不起作用
我以前使用过用我的 JS 更改的 gulp 没有问题.但是现在我尝试在我的 scss 文件上使用 gulp-changed 和 gulp-newer 而不检测哪个文件已更改. var changed = require('gulp-changed');var newer = require('gulp-newer');var SRC = './stylesheets/**/*.scss';var
..
node sass 版本 3.5.3 正在破坏构建
这也是目前使用 gulp-sass 的项目.gulp-sass 依赖于 node-sass#^3.4.1，它刚刚自动更新到 3.5.3，这是一个破坏性版本. 通过更新package.json 文件，但它仍在中断. 如何回到node sass 3.4.2? 错误信息 错误:您不能从@media 中@extend 外部选择器.您只能在同一指令中 @extend 选择器. {“
..
Gulp 生成的源映射在 Chrome 中不起作用
除了在 Chrome 中启用 source maps 之外，在我的 gulpfile.js 中，我使用 errLogToConsole: true, sourceComments: 'map', sourceMap: 'sass' 作为参数根据this answer调用sass: gulp.task('sass', function() {返回 gulp.src('../assets/style
..
错误:找不到模块“gulp-sass"
当我使用 gulp 编译时，出现如下错误.我该如何解决? module.js:339抛出错误；^错误:找不到模块“gulp-sass"在 Function.Module._resolveFilename (module.js:337:15)在 Function.Module._load (module.js:287:25)在 Module.require (module.js:366:17)在需
..
Gulp 的 includePaths 有什么作用?
我正在尝试在我的项目中开始使用 Bourbon 和 Neat Sass 库.我想用 Gulp 编译 Sass.这是我在其中一个教程中找到的简单 styles 任务设置: var gulp = require('gulp'),sass = require('gulp-sass'),整洁 = 要求('node-neat').includePaths;变量路径 = {scss:'./assets/st
..
运行 BrowserSync 和 PHP 的 Gulp-webapp
我的主要目标是调整 Yeoman 的 gulp-webapp 开发工作流程来运行 PHP. 具体来说，我希望能够将 gulp-php-connect 与 多个基本目录(用于从 Sass 编译的 CSS)和 路由 一起使用strong>(对于 Bower 依赖项)，如果可能的话. 我可以使用 gulp-connect-php 插件通过 Gulp 运行 PHP，例如这个: gulp.ta
..
Gulp TypeError:path.join 的参数必须是字符串
..
Node Sass 还不支持你当前的环境:Windows 64-bit with Unsupported runtime (88)
我一开始尝试使用 npm i gulp-sass --save-dev 安装 gulp-sass 最新版本我遇到了很多错误，但后来解决了他们.但是每当我尝试运行 gulp 时，都会出现此错误: 错误:Node Sass 尚不支持您当前的环境:Windows 64-bit with Unsupported runtime (88)有关支持哪些环境的更多信息，请参阅:https://github.c
..
尝试在节点 0.12 上重新安装“node-sass"?
我想使用 google web starter kit.我安装了 node.js v0.12.0, node-sass &gulp. 然后跑: $ sudo npm install 当我输入 gulp serve 然后得到这个错误: 使用 gulpfile ~/web-starter-kit/gulpfile.js 启动 'styles'... 'styles' 在 93 毫秒后出错错
..
使用 Gulp.js 和 globbing 模式就地修改文件(相同的目标)
我有一个 gulp 任务，它试图将 .scss 文件转换为 .css 文件(使用 gulp-ruby-sass)，然后将生成的 .css 文件放到它找到原始文件的同一位置.问题是，由于我使用的是通配模式，我不一定知道原始文件的存储位置. 在下面的代码中，我尝试使用 gulp-tap 进入流并找出读取流的当前文件的文件路径: gulp.task('convertSass', function
..
如何在 Visual Studio 2017+ 中编译 Less/Sass 文件
在 VS
..
Sass 和组合子选择器
我刚刚发现了 Sass，对此我感到非常兴奋. 在我的网站中，我实现了一个树状导航菜单，使用 子组合子 (E > F). 有没有办法在 Sass 中用更简单(或更好)的语法重写这段代码? #foo >ul >李>ul >李>一个 {红色;} 解决方案 如果没有组合子选择器，您可能会做类似这样的事情: foo {酒吧 {巴兹{红色;}}} 如果你想用 > 重现相同的语法，你可以这
..
嵌套选择器内的与号(父选择器)
这不是记录在案还是不可能? #parent {#孩子 {宽度:75%；.additional_parent_class &{宽度:50%；}}} 这基本上会变成: .additional_parent_class #parent #child {宽度:50%；} 虽然这很有意义，因为与符号的实现及其使用方式有关.如果我试图让它实现这一点怎么办: #parent.additional_pa
..
使用第 n 个子值作为 SASS 变量
有没有办法将 nth-child 值用作 SASS 变量? 使用示例: div:nth-child(n) {内容:'#{$n}'} div:nth-child(n) {背景:rgb(#{$n}, #{$n}, #{$n});} 解决方案 我不认为有办法做到这一点.但是你可以使用 @for 指令来循环已知数量的元素: $elements: 15;@for $i 从 0 到 $elem
..
Sass 使用与号 (&) 和类型选择器组合父级
我在 Sass 中嵌套时遇到问题.假设我有以下 HTML:
文本
正文
链接 当我尝试在下面嵌套我的样式时，我得到一个编译错误: .item {颜色:黑色;一个&{颜色:蓝色；}} 当父选择器是同一元素的一部分时，如何在父
..
在 Sass 中修改选择器的中间(添加/删除类等)
我的菜单中有以下用于样式链接的 SCSS: 导航{ul {李{一个 {红色}}}ul.open {李{一个 {颜色:绿色}}}} 这会生成以下(正确的)CSS: nav ul li a {红色;}导航 ul.opened li a {颜色:绿色；} 我尝试修改我的 JavaScript 以将类应用于导航元素，并在 Sass 中使用 selector-append() 来附加类.但这似乎以错
..
在 Next.JS 中从 SASS 访问环境变量
我正在尝试将一个变量添加到我的 scss 文件中，引用 .env 变量.为此，我阅读了一些教程，发现 this.我需要将此配置添加到我的 next.config.js const withImages = require('next-images');module.exports = withImages({webpack(配置，选项){config.module.rules.push({测试:
..
选择器“:global .class"不是纯的(纯选择器必须至少包含一个本地类或 id)
..
Next.JS 中使用 SASS 的背景图像
我一直在尝试将此背景图像放入项目中，但它从未显示.没有错误表明存在问题.我在整个项目中使用 Next.JS 和所有其他图像加载正常.为了测试，我改变了背景的颜色，效果很好. 我的 SASS 文件如下所示: @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap");$原色:
..