图片未在 gulp 版本中显示
Pictures not showing in gulp build
我有一个 gulp 构建,一切正常,但是在构建之后,一些图像没有加载并且没有显示,因为路径不同,为此我安装了 gulp-replace .路径已成功替换,这可以在最终代码中看到。但是图片没有显示在页面上。
而且每次我开始组装的时候,新组装的时候可能会出现少了的图片,但是又少了一张
我的构建有什么问题?
问题出在const cleanCSS = require("gulp-clean-css");
因为我没有尝试通过重命名来重新排列行,所以什么也没发生。在缩小的文件中,路径仍然来自 src parp。暂时删除了缩小
//Таск для обработки стилей
gulp.task("styles", () => {
return (
gulp
.src(styleFiles)
.pipe(sourcemaps.init())
.pipe(less())
.pipe(concat("style.css"))
.pipe(replace('url("../img/', 'url("./../img/'))
.pipe(
autoprefixer({
overrideBrowserslist: ["last 2 versions"],
cascade: false,
})
)
.pipe(sourcemaps.write("./"))
.pipe(gulp.dest("./build/css"))
.pipe(browserSync.stream())
);
});
我有一个 gulp 构建,一切正常,但是在构建之后,一些图像没有加载并且没有显示,因为路径不同,为此我安装了 gulp-replace .路径已成功替换,这可以在最终代码中看到。但是图片没有显示在页面上。
而且每次我开始组装的时候,新组装的时候可能会出现少了的图片,但是又少了一张
我的构建有什么问题?
问题出在const cleanCSS = require("gulp-clean-css");
因为我没有尝试通过重命名来重新排列行,所以什么也没发生。在缩小的文件中,路径仍然来自 src parp。暂时删除了缩小
//Таск для обработки стилей
gulp.task("styles", () => {
return (
gulp
.src(styleFiles)
.pipe(sourcemaps.init())
.pipe(less())
.pipe(concat("style.css"))
.pipe(replace('url("../img/', 'url("./../img/'))
.pipe(
autoprefixer({
overrideBrowserslist: ["last 2 versions"],
cascade: false,
})
)
.pipe(sourcemaps.write("./"))
.pipe(gulp.dest("./build/css"))
.pipe(browserSync.stream())
);
});