Can';不要让Gulp引用手写笔文件来生成源地图
我在为CSS文件生成Can';不要让Gulp引用手写笔文件来生成源地图,gulp,stylus,source-maps,autoprefixer,gulp-sourcemaps,Gulp,Stylus,Source Maps,Autoprefixer,Gulp Sourcemaps,我在为CSS文件生成sourcemaps时遇到问题 我当前的堆栈是: 吞咽 触笔 自动刷新器 有两个编译步骤: Gulp预编译为CSS Autoprefixer post编译CSS以添加浏览器供应商前缀 我无法在第一次编译时生成sourcemaps,因为第二次编译会在CSS中添加新行,我完全不知道如何让它们相互“交谈” 这就是我目前得到的 var gulp=require('gulp'); 变量路径={ src:'src', dist:“dist” }; // ---------------
sourcemaps
时遇到问题
我当前的堆栈是:
- 吞咽
- 触笔
- 自动刷新器
sourcemaps
,因为第二次编译会在CSS中添加新行,我完全不知道如何让它们相互“交谈”
这就是我目前得到的
var gulp=require('gulp');
变量路径={
src:'src',
dist:“dist”
};
// ---------------------------------------
//触笔
var-stylus=require('gulp-stylus');
var rename=require('gulp-rename');
gulp.task('stylus',['clean:css'],函数(){
返回gulp.src(path.src+'/stylus/*.styl')
.管道(触针)({
是的,
源地图:{
是的,
sourceRoot:“.”,
基本路径:paths.dist+'/css'
}
}))
.管道(重命名)({
后缀:'.min'
}))
.pipe(gulp.dest(path.dist+/css');
});
// ---------------------------------------
//浏览器同步
var browserSync=require('browser-sync');
//设置静态服务器
gulp.task('browser-sync',function()){
返回浏览器同步({
服务器:{
baseDir:“./”
}
});
});
// ---------------------------------------
//自动刷新器
var sourcemaps=require('gulp-sourcemaps');
var autoprefixer=require('gulp-autoprefixer');
var concat=需要(“咕噜咕噜咕噜”);
gulp.task('autoprefixer',['stylus',]函数(){
返回gulp.src(paths.dist+'/css/*.css')
.pipe(autoprefixer())
.pipe(sourcemaps.init({
负荷图:正确
}))
.pipe(sourcemaps.write('.'){
includeContent:false,
sourceRoot:'。'
}))
.pipe(gulp.dest(path.dist+/css'))
.pipe(browserSync.reload({stream:true}));
});
// ---------------------------------------
//干净的
var del=需要('del');
吞咽任务('clean:css',函数(cb){
返回del([
paths.dist+'/***/*.css',
paths.dist+'/***/*.map'
],cb);
});
// ---------------------------------------
//监视
gulp.task('watch',['browser-sync',function()){
gulp.watch(paths.src+'/stylus/***.styl',['clean:css','stylus','autoprefixer']);
gulp.watch('*.html',['compress',browserSync.reload]);
});
我最近遇到了同样的问题,你在这方面有什么进展吗?对不起,朋友,我们改变了项目的范围,我无法进一步推进。