Css gulp sourcemap文件扩展名问题

尝试创建一个gulp文件，该文件拾取较少的文件并生成相应的.css、.min.css和.css.map文件。关闭，但sourcemaps正在将映射写入扩展名为.css.min.css的文件

/// <vs BeforeBuild='less' SolutionOpened='less' />
/// <binding BeforeBuild='less' ProjectOpened='less' />
var gulp = require('gulp');
var less = require('gulp-less');
var sourcemaps = require('gulp-sourcemaps');
var autoprefixer = require('autoprefixer');
var minifycss = require('gulp-minify-css');
var pleeease = require('gulp-pleeease');
var rename = require('gulp-rename');
var mqpacker = require('css-mqpacker');
var csswring = require('csswring');
var postcss = require('gulp-postcss');

var processors = [
        autoprefixer({ browsers: ["IE >= 9, firefox > 10, last 2 Chrome versions, last 2 safari versions, last 2 ios versions"] }),
        mqpacker
];
gulp.task('less', function () {
    gulp.src('./itims/Content/*.less', { base: './itims/content'})
        .pipe(sourcemaps.init())
        .pipe(less())
        .pipe(postcss(processors))
        .pipe(rename({
            extname: '.css'
        }))
        .pipe(gulp.dest('./itims/content'))
        .pipe(minifycss())
        .pipe(sourcemaps.write('./'))
        .pipe(rename({
            suffix: '.min',
            extname: '.css'
        }))
        .pipe(gulp.dest('./itims/content'));
});

//
/// 
var gulp=需要（“gulp”）；
var less=需要（'gulp-less'）；
var sourcemaps=require（'gulp-sourcemaps'）；
var autoprefixer=require（'autoprefixer'）；
var minifycss=require（'gulp-minify-css'）；
var pleeease=需要（'gulp-pleeease'）；
var rename=require（'gulp-rename'）；
var mqpacker=require（'css-mqpacker'）；
var csswring=require（'csswring'）；
var POSTSSS=需要（“大容量后处理”）；
变量处理器=[
autoprefixer（{浏览器：[“IE>=9，firefox>10，上两个Chrome版本，上两个safari版本，上两个ios版本]}），
mqpacker
];
吞咽任务（'less'，函数（）{
gulp.src（'./itims/Content/*.less'，{base:'./itims/Content'}）
.pipe（sourcemaps.init（））
.管道（小于（）
.管道（邮政编码（处理器））
.管道（重命名）({
extname:'.css'
}))
.管道（大口目的地（'./itims/content'））
.pipe（minifycss（））
.pipe（sourcemaps.write（'./'））
.管道（重命名）({
后缀：'.min'，
extname:'.css'
}))
.管道（吞咽目的地（'./itims/content'）；
});

正如您可能猜到的，您的问题来自

源地图之后的
重命名。您只想重命名
*.css
文件，因此以下解决方案应该可以做到这一点：

如果依赖项不存在，则将
吞咽添加到依赖项中

var if = require('gulp-if');


将任务改写如下：

gulp.src('./itims/content/*.less', {base: './itims/content'})
    .pipe(sourcemaps.init())
    .pipe(less())
    .pipe(postcss(processors))
    .pipe(gulp.dest('./itims/content'))
    .pipe(minifycss())
    .pipe(sourcemaps.write('./'))
    .pipe(if('*.css', rename({extname: '.min.css'}))
    .pipe(gulp.dest('./itims/content'));


注:


我删除了您的第一个重命名，因为less插件已经将
*.less
重命名为
*.css
注意路径名中的大小写。您混合了
。/itims/Content'
和
。/itims/Content'
正如您可能猜到的，您的问题来自
源映射之后的
重命名。您只想重命名
*.css
文件，因此以下解决方案应该可以做到这一点：

如果依赖项不存在，则将
吞咽添加到依赖项中

var if = require('gulp-if');


将任务改写如下：

gulp.src('./itims/content/*.less', {base: './itims/content'})
    .pipe(sourcemaps.init())
    .pipe(less())
    .pipe(postcss(processors))
    .pipe(gulp.dest('./itims/content'))
    .pipe(minifycss())
    .pipe(sourcemaps.write('./'))
    .pipe(if('*.css', rename({extname: '.min.css'}))
    .pipe(gulp.dest('./itims/content'));


注:


我删除了您的第一个重命名，因为less插件已经将
*.less
重命名为
*.css
注意路径名中的大小写。您混合了
。/itims/Content'
和
。/itims/Content'
正如您可能猜到的，您的问题来自
源映射之后的
重命名。您只想重命名
*.css
文件，因此以下解决方案应该可以做到这一点：

如果依赖项不存在，则将
吞咽添加到依赖项中

var if = require('gulp-if');


将任务改写如下：

gulp.src('./itims/content/*.less', {base: './itims/content'})
    .pipe(sourcemaps.init())
    .pipe(less())
    .pipe(postcss(processors))
    .pipe(gulp.dest('./itims/content'))
    .pipe(minifycss())
    .pipe(sourcemaps.write('./'))
    .pipe(if('*.css', rename({extname: '.min.css'}))
    .pipe(gulp.dest('./itims/content'));


注:


我删除了您的第一个重命名，因为less插件已经将
*.less
重命名为
*.css
注意路径名中的大小写。您混合了
。/itims/Content'
和
。/itims/Content'
正如您可能猜到的，您的问题来自
源映射之后的
重命名。您只想重命名
*.css
文件，因此以下解决方案应该可以做到这一点：

如果依赖项不存在，则将
吞咽添加到依赖项中

var if = require('gulp-if');


将任务改写如下：

gulp.src('./itims/content/*.less', {base: './itims/content'})
    .pipe(sourcemaps.init())
    .pipe(less())
    .pipe(postcss(processors))
    .pipe(gulp.dest('./itims/content'))
    .pipe(minifycss())
    .pipe(sourcemaps.write('./'))
    .pipe(if('*.css', rename({extname: '.min.css'}))
    .pipe(gulp.dest('./itims/content'));


注:


我删除了您的第一个重命名，因为less插件已经将
*.less
重命名为
*.css
注意路径名中的大小写。您混合了
。/itims/Content'
和
。/itims/Content'
我是否可以假设sourcemaps.write当时实际上并没有写入文件，而是通过管道发送一个虚拟文件？确实，这就是为什么需要一个
gulp.dest（…）
之后。我无法使用'*.css'，而是使用了'***.css'，在最后一个星号前没有空格。我可以假设sourcemaps.write当时并不是在写文件，而是通过管道发送虚拟文件吗？确实，这就是为什么需要一个
gulp.dest（…）
之后。我无法使用'*.css'，而是使用了'***.css'，在最后一个星号前没有空格。我可以假设sourcemaps.write当时并不是在写文件，而是通过管道发送虚拟文件吗？确实，这就是为什么需要一个
gulp.dest（…）
之后。我无法使用'*.css'，而是使用了'***.css'，在最后一个星号前没有空格。我可以假设sourcemaps.write当时并不是在写文件，而是通过管道发送虚拟文件吗？确实，这就是为什么需要一个
gulp.dest（…）
之后。我无法让它与'*.css'一起工作，而是在最后一个星号前使用了'***.css'，没有空格。