【Gulp如何编译sass】教程文章相关的互联网学习教程文章

javascript-yarn无法使用节点12.1.0构建node-sass【代码】

我正在尝试使用yarn install安装我的软件包 我已经安装了节点12.1.0,据我了解,node-sass至少需要为4.12版本才能与节点12一起使用 我的package.json文件是这样的:{"name": "redacted","private": true,"dependencies": {"@rails/webpacker": "3.5","babel-preset-react": "^6.24.1","bootstrap": "^4.1.2","font-awesome": "^4.7.0","js-md5": "^0.7.3","moment": "^2.22.2","prop-types": "^15.6.2","qrcode.react": "^0.8.0","re...

javascript – 如何在jQuery和SASS中轻轻闪烁按钮?【代码】

在我的Rails应用程序中,我有时必须使某些按钮闪烁/脉动. 这些按钮颜色不同.有些是红色,有些是绿色,有些是蓝色. 这是我的jQuery:setInterval(function(){$('a.flashing').toggleClass('blink'); }, 1000);这是我的CSS(实际上是SASS):.blink {background-color: red; }这有效. 但是,我不希望所有按钮都以红色闪烁. 相反,为了使这种效果在眼睛上稍微柔和一些,每个按钮应该以略微更暗的原始颜色闪烁(如您所知,可能会有所不同). 如何使...

javascript – 使用sourceComments吞吐SASS任务:’map’产生’断言失败’【代码】

我有一个Web应用程序,我正在使用AngularJS,D3,Pixi.js和gulp作为构建系统进行开发.这一切都很好,除了gulp-sass.这是相关的代码:gulp.task('sass-dev', ['clean-dev'], function() {return gulp.src( cfg.appFiles.rootSass ).pipe( sass({ errLogToConsole: true })).pipe( gulp.dest( cfg.buildDir+cfg.destDirs.css ) ).pipe( livereload( server ) ); });cfg只是一个具有预定义globs的变量.如果我做第三行.pipe( sass({ errLo...

javascript – Yeoman:将grunt中的sass / compass支持添加到现有项目中

我有一个现有项目,但我需要添加sass / compass,以便当我使用grunt服务器命令时,grunt会自动编译它. 有谁知道我是怎么做到的? 编辑:我已经设法将grunt sas / compasss添加到项目中,但是我需要配置gruntfile.js来监视和编译css.我所做的就是添加sass支持是运行npm install grunt-contrib-sass –save-dev.解决方法:我已经制作了一个gist的Gruntfile.js我用于进行SASS编译的项目和一些其他东西. 它的灵感来自Yeoman’s webapp生成的...

javascript – 树摇动sass【代码】

我有一个包含许多旧/未使用的SCSS文件的大型项目.有没有办法,使用node-sass或libsass来树抖或删除编译中未使用的所有文件? 或者有没有办法简单地输出编译中使用的所有文件的列表,以便我可以交叉引用? 编辑:虽然似乎有解决方案从sass版本的输出中删除未使用的样式,我仍然没有看到删除未使用的输入文件的有效方法解决方法:如果将:line_comments选项设置为true,则生成的输出将包含定义每个规则的行号和源文件.您应该获得如下输出:...

javascript – grunt sass任务因波旁包而产生错误【代码】

我正在为我的项目编写一个grunt任务文件.我已经定义了sass任务并安装了所有必需的依赖项.我可以在我的朋友计算机上运行相同的gruntfile,但在我的计算机上,sass任务会产生此错误.Running "sass:dist" (sass) task Syntax error: Invalid CSS after " webkit-image": expected ")", was ": -webkit- + $p..."on line 21 of /home/chitrank/Documents/shaastr/frontend/frontend/frontend/app/minovate/bower_components/bourbon...

是否有像Sass这样的JavaScript预编译器?【代码】

早上好,有没有像Sass for CSS这样的JavaScript预编译器解决方案? 我需要的唯一功能是部分预编译(具有更少的js文件)和文件的自动压缩. 我用谷歌搜索了Coffeescript,但这不是我想要的,因为我不想要不同的语法.. 如果有像Koala for Sass这样的软件会受到赞赏,但即使是从命令行(我在Windows上)也没关系,谢谢你提前! PS:有部分我的意思是:@import "file.js"该工具找到这个并将其替换为文件的内容,创建一个新文件,也许在我指定的另一...

javascript – gulp观看并重新加载jekyll,sass,js【代码】

我正在尝试构建一个gulpfile,它将观看jekyll / sass / js并与浏览器同步.该脚本正确地监视jekyll的更改,重建并在浏览器中注入所有更改. 但我无法弄清楚为什么它没有同步sass / js的变化,即使它们已经被观看过了.再生.任何帮助将不胜感激!/*** gulp.js ***/var gulp = require('gulp'); var sass = require('gulp-sass'); var browserSync = require('browser-sync'); var autoprefixer = require('gulp-autopref...

javascript – Grunt Sass – 多个css样式输出【代码】

我做了很多搜索,但似乎无法找到完整答案. 我正在使用grunt来管理我的sass流程,我一直在努力寻找一种从grunt输出多种css样式的方法. 例如: base.scss应该有两个输出,第一个是style.css,它具有扩展的css样式. 第二个应该是style.min.css,它具有压缩的css样式. 如何配置我的gruntfile为我这样做?解决方法:您可以通过两种配置来完成此操作,一种是输出扩展的CSS而另一种是压缩的.然后注册您的任务以运行它们.您的grunt文件应如下所示:...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部