Javascript Gulp正在修改我的字体url路径
编辑:如果任务中只有一个文件,则问题会消失,并使用“吞咽展平”。也就是说,如果我的gulp.src只调用一个文件,那么gulp flatte实际上会删除修改后的路径。我需要能够合并我的供应商css虽然Javascript Gulp正在修改我的字体url路径,javascript,node.js,gulp,Javascript,Node.js,Gulp,编辑:如果任务中只有一个文件,则问题会消失,并使用“吞咽展平”。也就是说,如果我的gulp.src只调用一个文件,那么gulp flatte实际上会删除修改后的路径。我需要能够合并我的供应商css虽然 构建时,Gulp正在更改(来自CSS源文件): 到这个(CSS构建文件) 基本上,它添加了一个新的路径,相对于旧的位置,我想摆脱它。它对每个URL都是这样做的:所以引导URL也被弄乱了。我相信这是一种默认的吞咽习惯。 这是我的任务,正如你所看到的,我尝试了gulp Flatte插件,但没有成功
构建时,Gulp正在更改(来自CSS源文件): 到这个(CSS构建文件) 基本上,它添加了一个新的路径,相对于旧的位置,我想摆脱它。它对每个URL都是这样做的:所以引导URL也被弄乱了。我相信这是一种默认的吞咽习惯。 这是我的任务,正如你所看到的,我尝试了gulp Flatte插件,但没有成功
/* ===== CSS LIB START ===== */
gulp.task('libCSS', function() {
// Define libraries locations
var bootstrapCss = vendor + '/bootstrap/dist/css/bootstrap.min.css';
var slickCss = vendor + '/slick.js/slick/slick.css';
var slickCss2 = vendor + '/slick.js/slick/slick-theme.css';
var materializeCss = vendor + '/materialize/dist/css/materialize.min.css';
var fontawesomeCSS = vendor + '/font-awesome/css/font-awesome.min.css';
// Merge libraries
return gulp.src([bootstrapCss, slickCss, slickCss2, materializeCss, fontawesomeCSS])
// Concatenate in a single file
.pipe(concatCss('vendor.css'))
.pipe(flatten(''))
.pipe(gulp.dest(dest + '/css'));
});
这是我的文件夹
app/
----vendor/
--------boostrap/
--------slick.js/
--------materialize/
--------font-awesome/
------------css/
----------------font-awesome.min.css // font-awesome goes from there
build/
----css/
--------vendor.css // to there
谢谢concateCss是罪魁祸首
.pipe(concatCss('vendor.css', {rebaseUrls:false}))
解决问题
/* ===== CSS LIB START ===== */
gulp.task('libCSS', function() {
// Define libraries locations
var bootstrapCss = vendor + '/bootstrap/dist/css/bootstrap.min.css';
var slickCss = vendor + '/slick.js/slick/slick.css';
var slickCss2 = vendor + '/slick.js/slick/slick-theme.css';
var materializeCss = vendor + '/materialize/dist/css/materialize.min.css';
var fontawesomeCSS = vendor + '/font-awesome/css/font-awesome.min.css';
// Merge libraries
return gulp.src([bootstrapCss, slickCss, slickCss2, materializeCss, fontawesomeCSS])
// Concatenate in a single file
.pipe(concatCss('vendor.css'))
.pipe(flatten(''))
.pipe(gulp.dest(dest + '/css'));
});
app/
----vendor/
--------boostrap/
--------slick.js/
--------materialize/
--------font-awesome/
------------css/
----------------font-awesome.min.css // font-awesome goes from there
build/
----css/
--------vendor.css // to there
.pipe(concatCss('vendor.css', {rebaseUrls:false}))