Articles of gulp sass

“process.binding不支持”browersify gulp-sass

以下代码示例在使用browserify创buildbundle.js时会产生以下错误: process.binding is not supported 问题1 : 如何解决错误? 看起来“Browserify只填补某些常见的特定于Node的属性”和(我认为也可能是问题的一部分),fs模块将不能在客户端上工作。 到目前为止,我尝试安装brfs: browserify -t brfs basic.js –standalone MyLibrary > bundle.js 并安装browserify-fs browserify -r fs:browserify-fs 但仍然有错误 位更多上下文:我想使用broswerify编译一个bundle.js,所以我可以实现一些任务运行客户端。 我有一个angular度的Web应用程序,它会生成一个可以下载的JSON输出文件。 我也有一个使用npm的基于gulp的构build框架。 构build基于从web应用输出的json运行。 我想连接这两个进程,所以可以通过应用程序触发模板。 由于许多像fs这样的软件包似乎有客户端问题,我遇到了困难。 我不知道这个问题是不是我正在钻研的东西超出了我目前的知识,只是不使用brfs / browserify-fs来正确地解决事情,或者我只是用一个坏的解决scheme,我想要开始。 问题2: 有没有比我正在采取的更好的方法? 谢谢! basic.js "use strict"; var gulp = require('gulp'); var sass = require('gulp-sass'); var mergeJSON = require("merge-json") ; module.exports = MyLibrary; function […]

了解Gulppipe道顺序

上下文 我想parsing一些.sass文件并在将它们编译成.css之前replace一个variables。 为此,我使用了一大口 , 一口一口的 , 一口气的预处理工艺 : npm install gulp gulp-sass gulp-preprocess –save-dev Gulpfile.js var gulp = require('gulp'); var sass = require('gulp-sass'); var preprocess = require('gulp-preprocess'); var settings = { HOST_URL: 'qa.host.com' } gulp.task('sass', function () { return gulp.src('./sass/**/*.sass') .pipe(sass({indentedSyntax: true})) .pipe(preprocess({context: settings})) .pipe(gulp.dest('./dist')); }); 上海社会科学院/ styles.sass @import "partials/variables" body background-image: url("//#{ $host_url }/foo.jpg") […]

在Visual Studio之外的Node / Gulp失败(无法加载gulp-sass)

我们正在与我们的VS项目build立Gulp。 当从VS Task Runner运行任务时,他们完美地工作,但从命令行,它失败。 的package.json: { "name": "OurProject", "description": "OurProject", "repository": { "type": "git", "url": "https://github.com/something.git" }, "private": true, "devDependencies": { "gulp": "^3.9.0", "gulp-cached": "^1.1.0", "gulp-coffee": "^2.3.1", "gulp-notify": "^2.2.0", "gulp-sass": "^2.0.4", "gulp-sourcemaps": "^1.5.2" } } Gulpfile.js(简体): var gulp = require('gulp'), sass = require('gulp-sass'); gulp.task('scss-compile', function () { return gulp .src("./Web/css/**/*.scss") .pipe(sass()) .pipe(gulp.dest("./Web/css")); }); Visual Studio […]

NPM软件包安装后运行gulp任务

我已经开发了一个小包,我从github回购服务。 它基本上是一个UI库,它只有一个SCSS文件。 my-ui-library — src/styles.scss 我希望在安装之后,软件包自己运行一个编译CSS的吞吐任务,并将其移动到其他位置。 运行gulp任务后,所需的输出如下所示: my-ui-library — src/styles.scss — styles.scss 我已经包含了一些脚本 "scripts": { "postinstall": "gulp" } 安装完包后,我找不到运行gulp的方法。 任何帮助将不胜感激。

安装gulp-sass时出现NPM警告:“cross-spawn-async@2.2.4…”

当通过PowerShell安装gulp-sass时,我看到了一个N​​PM警告,我正在尝试理解。 我在PowerShell中inputnpm install gulp-sass ,虽然看起来安装很成功,但我在开始的时候看到了这个警告: npm WARN弃用crossspawn-async@2.2.4:交叉衍生不再需要构build工具链,而是使用它! 我想了解这个警告的含义,以及我应该怎么做。 我应该用什么“它”而不是“什么”?

gulp.js – dest.on不是一个函数

我试图编译我的styles.scss与styles.scss gulp-sass当我收到以下错误: [09:48:49] Starting 'e'… [09:48:49] 'e' errored after 2.35 ms [09:48:49] TypeError: dest.on is not a function at DestroyableTransform.Readable.pipe (D:\Data\Web Development\Repositories\ds-www\node_modules\through2\node_modules\readable-stream\lib\_stream_readable.js:485:8) at Gulp.<anonymous> (D:\Data\Web Development\Repositories\ds-www\gulpfile.js:44:6) at module.exports (D:\Data\Web Development\Repositories\ds-www\node_modules\orchestrator\lib\runTask.js:34:7) at Gulp.Orchestrator._runTask (D:\Data\Web Development\Repositories\ds-www\node_modules\orchestrator\index.js:273:3) at Gulp.Orchestrator._runStep (D:\Data\Web Development\Repositories\ds-www\node_modules\orchestrator\index.js:214:10) at D:\Data\Web Development\Repositories\ds-www\node_modules\orchestrator\index.js:279:18 at finish (D:\Data\Web Development\Repositories\ds-www\node_modules\orchestrator\lib\runTask.js:21:8) at module.exports (D:\Data\Web Development\Repositories\ds-www\node_modules\orchestrator\lib\runTask.js:60:3) at Gulp.Orchestrator._runTask (D:\Data\Web Development\Repositories\ds-www\node_modules\orchestrator\index.js:273:3) at Gulp.Orchestrator._runStep […]

离散的问题与吞食和节点4.1.1

这是我的命令ionic info环境 Your system information: Cordova CLI: 5.3.3 Gulp version: CLI version 3.9.0 Gulp local: Local version 3.9.0 Ionic Version: 1.1.0 Ionic CLI Version: 1.6.5 Ionic App Lib Version: 0.3.9 OS: Windows 8 Node Version: v4.1.1 当我运行命令npm install ,出现以下错误: node-sass@2.1.1 install C:\Users\FIDEL-CASA\Desktop\prueba\dsfasdfa\fidel\node modules\gulp-sass\nodemodules\node-sass node scripts/install.js Can not download file from https://raw.githubusercontent.com/sass/node-sass-binaries/v2.1.1/win32-x64-node-4.1/binding.node node-sass@2.1.1 postinstall C:\Users\FIDEL-CASA\Desktop\prueba\dsfasdfa\fidel\ node_modules\gulp-sass\node_modules\node-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()) […]