1

すべての Javascript を 1 つのファイルにまとめたいと思いscripts.jsます。これが私の一部ですindex.html：

<!-- build:inlinejs js/scripts.js -->
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/moment/min/moment.min.js"></script>
<script src="bower_components/moment/locale/de.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="bower_components/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script>
<script src="js/main.js"></script>
<!-- endbuild -->

現在の Gulp 構成は次のとおりです。

gulp.task('usemin', function () {
  return gulp.src('./*.html')
      .pipe(usemin({
        css: [minifyCss(), 'concat'],
        html: [minifyHtml({empty: true})],
        js: [uglify(), rev()],
        inlinejs: [uglify()],
        inlinecss: [minifyCss(), 'concat'],
        inline: ['concat']
      }))
      .pipe(gulp.dest('dist/'));
});

ご覧のように、縮小された Javascript ファイルはすでにたくさんあるので、縮小済みのファイルを醜くして貴重な時間を無駄にしたくありません。縮小されていないファイルのみを醜くするにはどうすればよいですか?

4

1 に答える 1

1

これは少し前に尋ねられたことは知っていますが、同じ問題があり、解決策を見つけました。

HTML では、ビルド ブロックに名前を付けることができます。

<!-- build:jsLibs js/libs.js -->
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<!-- endbuild -->

<!-- build:jsApp js/app.js -->
<script src="js/main.js"></script>
<!-- endbuild -->

そしてgulpタスクでは：

gulp.task('usemin', function () {
    return gulp.src('./*.html')
        .pipe(usemin({
            ...
            jsLibs: ['concat'],
            jsApp: [uglify, rev]
      }))
      .pipe(gulp.dest('dist/'));
});

それが他の誰かを助けることを願っています。

于 2015-11-24T14:44:46.517 に答える