Tag: sass

gulp-sass错误：pipe道中未处理的stream错误

我正在使用gulp-sass，并且出现以下错误： ESL@eslmbp /Applications/MAMP/htdocs/craigpomranz[master*]$ gulp sass [17:54:53] Using gulpfile /Applications/MAMP/htdocs/craigpomranz/gulpfile.js [17:54:53] Starting 'sass'… stream.js:94 throw er; // Unhandled stream error in pipe. ^ Error in plugin 'gulp-sass' /Applications/MAMP/htdocs/craigpomranz/wp-content/themes/craig/scss/partials/base:13: error: error reading values after 'xsmall' at opts.error (/Applications/MAMP/htdocs/craigpomranz/node_modules/gulp-sass/index.js:67:17) at onError (/Applications/MAMP/htdocs/craigpomranz/node_modules/gulp-sass/node_modules/node-sass/sass.js:73:16) 这是我的gulpfile.js： // Include gulp var gulp = require('gulp'); // Include Our Plugins var jshint = require('gulp-jshint'); […]

无法使用node.js将sass模块安装到gulp.js

运行npm install gulp-sass –save-dev时，我不断收到以下错误 gyp ERR! build error gyp ERR! stack Error: `C:\Program Files (x86)\MSBuild\12.0\bin\msbuild.exe` failed with exit code: 1 gyp ERR! stack at ChildProcess.onExit (C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\lib\build.j 67:23) gyp ERR! stack at ChildProcess.emit (events.js:98:17) gyp ERR! stack at Process.ChildProcess._handle.onexit (child_process.js:810:12) gyp ERR! System Windows_NT 6.1.7601 gyp ERR! command "node" "C:\\Program Files\\nodejs\\node_modules\\npm\\node_modules\\node-gyp\\bin\\node-gyp.js" "reb d" gyp ERR! […]

Gulp-sass在包含的文件中找不到variables？

我有一个_variables.scss文件声明的地图： $chord1: ( color1: rgb(0, 155, 223), color2: rgb(114, 191, 68), color3: rgb(207, 9, 137), color4: rgb(62, 83, 164) ); $chord: $chord1; 我有第二个文件。 _globals.scss我在这里引用： .myClass { color: map-get($chord, color1); } 我有一个主要的scss文件作为app.scss，@import他们： @import 'colors'; @import 'globals'; 但是，gulp-sass会抛出一个错误Error: invalid top-level expression基于map-get的Error: invalid top-level expression 。 我在一个项目上使用了gulp-ruby-sass，它工作。 不过，在这个项目中我们使用的是gulp-sass 1.1.0。 我的g task任务是： gulp.task('styles', function () { return gulp.src('./app/assets/sass/app.scss') .pipe(plumber()) […]

需要帮助了解吞咽和webpackstream如何工作

所以我有一个Gulp文件（工作）和一个Webpack文件（工作）。 现在我想把它们结合起来，这样我只需要运行webpack来观察和编译SCSS文件。 看着webpack主页我可以使用一个叫做webpack-stream东西 var gulp = require('gulp'); var webpack = require('webpack-stream'); gulp.task('default', function() { return gulp.src('src/entry.js') .pipe(webpack()) .pipe(gulp.dest('dist/')); }); 我不明白我在这里读到什么。 而且我不会用pipe道来家庭。 – 第一段代码，这是否进入gulpfile.js？ – 什么是entry.js？ – 这段代码是做什么的？ 上面的代码将src / entry.js编译成带有webpack的资源，输出文件名是[hash] .js（webpack生成的哈希）。 或者传入你的webpack.config.js： return gulp.src('src/entry.js') .pipe(webpack( require('./webpack.config.js') )) .pipe(gulp.dest('dist/')); 我猜这是我的gulpfile.js？ 我想我需要用茶勺递给我： – / 更新 我从@kannix和@JMM的帮助下得到了它的工作。 这是我的configuration文件： 吞 var gulp = require('gulp'); var sass = require('gulp-sass'); var […]

带有NPM和Gulp的Google Material Design图标字体

我正在尝试将Google材料devise图标字体导入到我的项目中。 我已经安装了NPM软件包 npm install material-design-icons –save-dev 它存在，但我不知道如何让它包含在我的SCSS文件。 我试过导入几种不同的方法，他们都失败了。 我也试过从node_modules中引用字体文件，这也是行不通的。 必须有一种方法来将此字体包含或导入到SCSS中。

节点sass安装问题

当我尝试使用npm安装node-sass时，出现以下错误消息： 无法下载“ https://github.com/sass/node-sass/releases/download/v3.13.1/win32-x64-57_binding.node ”：“ 我使用的命令是： npm install node-sass –save-dev- 你可以在下面的截图中看到更多的细节：

生成源映射时出错 – grunt和sassconfiguration

我正在尝试用咕噜声使用sass。 我在我的路上安装了ruby，ruby和咕噜声。 版本是， 节点：0.10.20 npm：1.3.11 咕噜咕噜：0.1.13 咕噜：0.4.5 sass：3.4.4 我的包json是， "private": true, "devDependencies": { "express": "4.x", "grunt": "~0.4.1", "grunt-contrib-sass": "~0.3.0", "grunt-contrib-watch": "~0.4.4" } 我的咕噜文件是， module.exports = function(grunt) { grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), sass: { dist: { files: { 'style/style.css' : 'sass/home.scss' } } }, watch: { css: { files: '**/*.scss', tasks: ['sass'] } } }); grunt.loadNpmTasks('grunt-contrib-sass'); grunt.loadNpmTasks('grunt-contrib-watch'); […]

用node-sass观察和编译整个文件夹？

指南针有一个可爱的命令，将观察和编译给定目录中的所有scss： compass watch *foldername* 但是，基于Ruby的指南针比较慢，基于C的SASSC以node-sass的forms包装，速度要快得多。 事情是，我还没有能够使用节点sass复制这个看似简单的function。 我遵循这里给出的指示： http ： //benfrain.com/lightning-fast-sass-compiling-with-libsass-node-sass-and-grunt-sass/ ，它做了一个很好的设置节点sass咕噜看到文件的变化，但它似乎并不支持观看和转换整个文件夹，不知名的文件名称内。 我试过改变了 sass: { dist: { files: { 'css/styles.css': 'sass/styles.scss' } } } 值的文件夹，以及许多其他的东西，似乎没有任何工作。 我承认我对咕噜声一无所知。 有没有办法复制 compass watch *folder* 要么 sass –watch *folder*:*folder* 我还没有尝试过，还是不存在？

node-sass-middleware只提供一次css文件

我做了一个非常简单的使用Jade和Sass的Express网站，但是我遇到了我的节点sass中间件的一个问题。 我的服务器只提供一次CSS文件，然后为每个后续请求返回一个404。 我必须重新启动服务器来临时修复它。 这是我的代码; 输出的CSS文件后服务器似乎挂起（也许，我不知道..） app.js： var express = require('express'), sassMiddleware = require('node-sass-middleware'); var app = express(); app.set('views', __dirname + '/views'); app.set('view engine', 'jade'); app.use( sassMiddleware({ src: __dirname + '/public/styles/sass', dest: __dirname + '/public/styles', debug: true, outputStyle: 'compressed', prefix: '/public/styles' }), express.static(__dirname + '/public'), express.logger('dev') ); app.get('/', function(req, res){ res.render('index', { title: 'Home' }); }); […]

咕噜需要configuration属性丢失

设置一个新的项目，将有多个grunt任务，我想从任务文件加载。 当运行我的第一个任务，“核心”，这应该是build立该网站的核心CSS，我得到一个错误，我似乎无法解决。 一直在做一些Googlesearch，没有find这个具体问题。 任何有相同错误信息的问题通常都是OP中input错误或错位花括号的结果。 不知道这是这种情况，但也许别人看到我显然没有看到。 Gruntfile.js module.exports = function(grunt) { grunt.initConfig({ pkg: require('./package.json') }); grunt.loadTasks('grunt-tasks'); }; 咕噜任务/咕噜-core.js module.exports = function (grunt) { grunt.loadNpmTasks('grunt-sass'); grunt.config('core', { sass : { options : { sourceMap : true, includePaths : 'node_modules/bootstrap-sass/assets/stylesheets' }, dist : { files : { 'main.css' : 'main.scss' } } } }); grunt.registerTask('core', ['sass:dist']); }; 错误： […]