小编And*_*ndy的帖子

我发现Gulp 4的文档极难找到,所以我想我可能会问这里是否有人可以提供帮助.

无论如何,我对Gulp很新,并且在我尝试在我们用于开发的虚拟机上运行它之前一直使用Gulp 3没有任何问题.我的gulp文件非常直接我只是使用gulp-sass将SASS编译为css文件,该文件工作正常,但每次保存css文件时,它都会更改文件的写入权限,浏览器无法读取文件!

所以我做了一些研究,显然这是Gulp 3的问题,现在已经修复了Gulp 4 - 请参阅 - https://github.com/gulpjs/gulp/issues/1012.所以我想我会尝试Gulp 4所以我按照这里的说明更新了 - http://www.ociweb.com/resources/publications/sett/gulp-4/但是我在设置实际的gulpfile.js时遇到了实际问题因为我找不到任何文件.这就是我现在拼凑在一起但没有运气......不幸的是我的js技能缺乏!

示例Gulp 4文件在这里 - https://gist.github.com/demisx/beef93591edc1521330a

我需要gulpfile做的就是使用gulp-sass编译sass

// include gulp
var gulp = require('gulp');

// include plugins
var sass = require('gulp-sass');


var paths = {
  dirs: {
    build: './furniture/css'
  },
  sass: './furniture/sass/**/*.scss'
};


// Shared tasks
gulp.task('glob', function () {
  var pattern = '.build/**/*.css';

  gulp.src(pattern, { read:false })
    .pipe(using());
});

// SASS

gulp.task('sass', function () {
  return gulp.src(paths.sass)
    .pipe(sass())
    .pipe(changed(paths.dirs.build))
    .pipe(gulp.dest(paths.dirs.build))
    .pipe(grep('./furniture/css', { read: false, dot: …

我在尝试使用Modernizr版本的yepnope加载脚本时遇到问题,并且无法理解为什么它们不同.如果我使用yep nope加载脚本,它可以正常工作:

<script type="text/javascript" src="/js/yepnope.1.0.2-min.js"></script>
<script type="text/javascript">
yepnope([  
    '/js/fancy-box-2.0.4/jquery.fancybox.css',  
    '/js/jquery-1.7.min.js',  
    '/js/jquery.form-defaults.js',  
    '/js/jquery.cycle.all.js',  
    '/js/jquery.easing.1.3.js',  
    '/js/fancy-box-2.0.4/jquery.fancybox.js',  
    '/js/functions.js',  
    'http://use.typekit.com/uoy8fub.js'
]); 
</script>

但如果我尝试使用Modernizr打包版本的yep nope我无法得到任何东西加载...帮助？

<script type="text/javascript" src="/js/modernizr-2.0.6.js"></script>
<script type="text/javascript">
Modernizr.load([  
    '/js/fancy-box-2.0.4/jquery.fancybox.css',  
    '/js/modernizr-2.0.6.js',  
    '/js/jquery-1.7.min.js',  
    '/js/jquery.form-defaults.js',  
    '/js/jquery.cycle.all.js',  
    '/js/jquery.easing.1.3.js',  
    '/js/fancy-box-2.0.4/jquery.fancybox.js',  
    '/js/functions.js',  
    'http://use.typekit.com/uoy8fub.js'
]); 
</script>