2016-02-18 46 views
1

我是新來使用一口NPM包所以這也許正常行爲奇怪的,一飲而盡,薩斯問題編制額外的文件

我的問題是,我正在設置一個新項目,並有我需要的所有軟件包,包括Browserify,當我在終端運行gulp時,文件全部編譯完美並儘可能縮小,儘管存在一些小問題,當我對css進行更改時,預編譯文件夾中的我的sass文件似乎編譯爲.css.map.css。這是一個額外的過程,並創建我不喜歡的額外文件。

這是正常的行爲嗎?

我的任務是如下,我已經測試它以瞭解它的做用一口青菜:

var src = { 
    sass: "src/sass/**/*.scss", 
    js: "src/js/**/*.js", 
    img: "src/img/*" 
}; 

var output = { 
    js: "output/js", 
    css: "output/css", 
    img: "output/img/", 
    html: "output/**/*.html", 
    min_css: "app.min.css", 
    min_js: "app.min.js" 
}; 

gulp.task('sass', function() { 

    return gulp.src(src.sass) 
     .pipe(plumber({ 
      errorHandler: onError 
     })) 
     .pipe(sass()) 
     .pipe(prefix('last 2 versions')) 
     .pipe(concat(output.min_css)) 
     .pipe(gulp.dest(output.css)) 
     .pipe(minify_css()) 
     .pipe(sourcemaps.init()) 
     .pipe(sourcemaps.write()) 
     .pipe(gulp.dest(output.css)) 
     .pipe(browseSync.reload({stream: true})); 

}); 

欲瞭解更多信息,我有節點V5.6.0和吞掉CLI 1.2.1版 一飲而盡本地版本3.9.1。

也許我的開發工具版本有一個奇怪的事情呢?

的任何信息會提前

回答

0

嘛十分感謝,您正在生成sourcemaps。看看你在呼...

.pipe(sourcemaps.init()) 
.pipe(sourcemaps.write()) 

所以,這是正常的,因爲你明確地調用它。只要刪除這些pipe調用不寫源代碼文件。

+0

偉大的解決方案我正在跟着一個教程,他們正在使用它出於某種原因。謝謝! –