Question

作为此操作的结果，我需要获取两个文件：vendors.js和bundle.js。它们也应该被修改，但变量名必须在它们之间保持一致，但到目前为止它都是uglification或两个文件。

<!-- build:js1 vendor.js -->
    <script src="bower_components/angular/angular.js"></script>
    <script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script>
    <script src="bower_components/angular-aria/angular-aria.js"></script>
    <script src="bower_components/angular-animate/angular-animate.js"></script>
    <script src="bower_components/angular-material/angular-material.js"></script>
<!-- endbuild -->
<!-- build:js2 bundle.js -->
    <script src="js/app.js"></script>
    <script src="components/stores.js"></script>
    <script src="components/userInfo/UserInfo.js"></script>   
    <script src="components/userMenu/UserMenu.js"></script>
    <script src="components/components.js"></script>
<!-- endbuild -->

Answer 1

请使用AngularJS本身提供的已缩小版本。不在已经提供第三方依赖项时应该

因此，您应该将角度和所有其他角度组件连接到一个供应商文件中，然后uglify并连接您自己的javascript。当你看一下路径bower_components / angular /时，还应该有一个angular.min.js文件（以及其他角度组件）。

在https://github.com/elgervb/skeletonSPA查看我对GulpJS和AngularJS的默认设置。我使用了一种类似的方法。

Answer 2

试试这个：

var gulp = require('gulp');
var uglify = require('gulp-uglify');
var concatJS = require('gulp-concat');

gulp.task('concat-js', function () {
    gulp.src(['one.js', 'two.js'])
        .pipe(concatJS('first.js'))
        .pipe(uglify())
        .pipe(gulp.dest('./javascript'));

    gulp.src(['three.js', 'four.js'])
        .pipe(concatJS('second.js'))
        .pipe(uglify())
        .pipe(gulp.dest('./javascript'));
});

连接和uglify与gulp成几个文件

2 个答案: