[英]Creating .js, .min.js and .js.map file with gulp?
我正在嘗試利用 gulp 3.9 來縮小我的資源文件。
我在我的 gulpfile 中創建了兩個不同的任務,如下所示
var gulp = require("gulp"),
concat = require("gulp-concat"),
cssmin = require("gulp-cssmin"),
filter = require('gulp-filter'),
sourcemaps = require('gulp-sourcemaps'),
rename = require('gulp-rename'),
uglify = require('gulp-uglify-es').default,
merge = require("merge-stream"),
del = require("del"),
bundleconfig = require("./bundleconfig.json");
gulp.task("min:js", function () {
var tasks = getBundles(regex.js).map(function (bundle) {
return gulp.src(bundle.inputFiles, { base: ".", sourcemaps: true })
.pipe(filter('**/*.js'))
.pipe(concat(bundle.outputFileName))
.pipe(sourcemaps.write('../maps')) // shouldn't this create file.js.map file?
.pipe(gulp.dest("."))
.pipe(uglify())
.pipe(rename({ suffix: '.min' }))
.pipe(sourcemaps.write('../maps')) // shouldn't this create file.min.js.map file?
.pipe(gulp.dest("."));
});
return merge(tasks);
});
gulp.task("min:css", function () {
var tasks = getBundles(regex.css).map(function (bundle) {
return gulp.src(bundle.inputFiles, { base: ".", sourcemaps: true })
.pipe(filter('**/*.css'))
.pipe(concat(bundle.outputFileName))
.pipe(sourcemaps.write('../maps'))
.pipe(gulp.dest("."))
.pipe(cssmin())
.pipe(rename({ suffix: '.min' }))
.pipe(sourcemaps.write('../maps'))
.pipe(gulp.dest("."));
});
return merge(tasks);
});
但是,上面的代碼似乎只生成 .min 和常規(非縮小)文件,而不是源 map 文件。
每次執行“min:js”和“min:css”任務時,如何使用 Gulp 生成 3 個 js、css 和 sourcemap 文件?
根據文檔,您應該初始化源 map:
.pipe(sourcemaps.init())
在生成縮小的 js 案例中:
gulp.src(bundle.inputFiles, { base: ".", sourcemaps: true })
.pipe(filter('**/*.js'))
.pipe(sourcemaps.init())
.pipe(concat(bundle.outputFileName))
.pipe(sourcemaps.write('../maps'))
.pipe(uglify())
.pipe(rename({ suffix: '.min' }))
.pipe(gulp.dest(".")) ;
並相應地更改您的 css 縮小。 單擊她以獲取有關 sourcemap 的更多信息
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.