标签：javascript gulp gulp-concat gulp-replace

我正在使用gulp uglify并准备好我的javascript文件进行制作.我所拥有的是这段代码：

var concat = require('gulp-concat');
var del = require('del');
var gulp = require('gulp');
var gzip = require('gulp-gzip');
var less = require('gulp-less');
var minifyCSS = require('gulp-minify-css');
var uglify = require('gulp-uglify');

var js = {
    src: [
        // more files here
        'temp/js/app/appConfig.js',
        'temp/js/app/appConstant.js',
        // more files here
    ],

gulp.task('scripts', ['clean-js'], function () {
    return gulp.src(js.src).pipe(uglify())
      .pipe(concat('js.min.js'))
      .pipe(gulp.dest('content/bundles/'))
      .pipe(gzip(gzip_options))
      .pipe(gulp.dest('content/bundles/'));
});

我需要做的是替换字符串：

dataServer: "http://localhost:3048",

同

dataServer: "http://example.com",

在’temp / js / app / appConstant.js’文件中,

我正在寻找一些建议.例如,也许我应该复制appConstant.js文件,更改(不确定如何)并在js.src中包含appConstantEdited.js？

但我不确定如何制作文件的副本并替换文件中的字符串.

你给予的任何帮助将不胜感激.

解决方法:

Gulp输入输入,完成所有转换,然后输出流.使用Gulp时,在两者之间保存临时文件是AFAIK非惯用文件.

相反,您正在寻找的是一种替换内容的流媒体方式.自己写一些东西会很容易,或者你可以使用现有的插件.对我来说,gulp-replace一直运作良好.

如果您想在所有文件中进行替换,可以轻松更改您的任务,如下所示：

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

gulp.task('scripts', ['clean-js'], function () {
    return gulp.src(js.src)
      .pipe(replace(/http:\/\/localhost:\d+/g, 'http://example.com'))
      .pipe(uglify())
      .pipe(concat('js.min.js'))
      .pipe(gulp.dest('content/bundles/'))
      .pipe(gzip(gzip_options))
      .pipe(gulp.dest('content/bundles/'));
});

您还可以在您希望模式所在的文件上执行gulp.src,并通过gulp-replace单独流式传输,然后将其与所有其他文件的gulp.src流合并.

标签：javascript,gulp,gulp-concat,gulp-replace
来源： https://codeday.me/bug/20191005/1856347.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。