我编辑了一个简单的Gulp管道(我已在IDE之外测试并运行),我现在正尝试将其包含在PHPStorm项目中,以便在实际项目中实现更好的css工作流程。
这是脚本,(这是一个简单的css优化管道):
var gulp = require('gulp'),
sass = require('gulp-ruby-sass'),
autoprefixer = require('gulp-autoprefixer'),
minifycss = require('gulp-minify-css'),
jshint = require('gulp-jshint'),
uglify = require('gulp-uglify'),
imagemin = require('gulp-imagemin'),
rename = require('gulp-rename'),
concat = require('gulp-concat'),
notify = require('gulp-notify'),
cache = require('gulp-cache'),
livereload = require('gulp-livereload'),
del = require('del');
// Styles
gulp.task('styles', function() {
return sass('../scss/base.scss', { style: 'expanded' })
.pipe(autoprefixer('> 1%, last 2 versions, Firefox ESR, Opera 12.1'))
.pipe(minifycss())
.pipe(gulp.dest('../css'))
.pipe(notify({ message: 'Styles task complete' }));
});
// Clean
gulp.task('clean', function(cb) {
del(['css/base.css'], cb)
});
// Default task
gulp.task('default', ['clean'], function() {
gulp.start('styles');
});
我无法解决的烦人问题与模块sass有关,缺少正确的ruby环境初始化,需要运行命令。
sass = require('gulp-ruby-sass')
- >
'sass'不被认为是内部或外部命令。
正如我之前所说,我设法使用ruby安装程序中的外部shell链接运行这个gulp脚本:
使用Ruby启动命令提示符
C:\Windows\System32\cmd.exe /E:ON /K C:\Ruby21\bin\setrbvars.bat
你是否有任何关于如何在PhpStorm中运行需要ruby的gulp脚本的线索?
提前致谢,
答案 0 :(得分:2)
请确保Ruby在您的系统路径中 - 在“控制面板”中,转到“系统属性”,“高级”,按Environment variables
,在“系统变量”部分中选择“路径”并将C:\Ruby21\bin
附加到其中。确保在更改PATH后重新启动PHPStorm