Javascript 使用gulp从bower组件中连接vendor.js文件中的库

我一直在做一个角度项目，使用gulp来管理我的资料来源，目前为止效果很好。最近我一直在尝试优化我的项目，然后面对我使用的库。My bower库被设置为安装在My“dist”文件夹中，但正如您所知，使用bower安装的库都有其源代码。因此，我一直在尝试获取必要的文件，并将它们复制到dist/libs目录中

我必须提一下，我是个新手

将主js文件及其源映射复制到新目录的Gulp任务（它可以工作） 使用的插件有：gulp sourcemaps/merge stream/bower main

//Libraries
gulp.task('libs', function () {
    return merge(gulp.src(lib.minified),
        gulp.src(lib.minifiedNotFound))
        .pipe(sourcemaps.init({loadMaps: true}))
        .pipe(gulp.dest('dist/libs'));
});

这些图书馆的名称如下：

<!-- build:js libs/vendor.js -->
<script src="libs/angular.min.js"></script>
<script src="libs/angular-ui-router.min.js"></script>
<script src="libs/angular-animate.min.js"></script>
<script src="libs/angular-touch.min.js"></script>
<script src="libs/ui-bootstrap-tpls.min.js"></script>
<script src="libs/angular-sanitize.min.js"></script>
<script src="libs/angular-simple-logger.min.js"></script>
<script src="libs/lodash.js"></script>
<script src="libs/jquery.min.js"></script>
<script src="libs/bootstrap.min.js"></script>
<script src="libs/angular-google-maps.min.js"></script>
<!-- /build -->
<script src="js/main.js"></script>

依赖性问题完全破坏了应用程序，在这一点上，我甚至不知道该怎么做才能让它工作

// Concatenate & Minify JS
gulp.task('scripts', function() {
    return gulp.src('src/main/modules/**/*.js') //source files (include all js files under module folder and sub folders)
        .pipe(concat('app.js'))                 //output file
        .pipe(gulp.dest('src/main/js/app'))     //location of output file
        .pipe(rename('app.min.js'))             //minified file
        .pipe(uglify( {mangle: false }))        //minification step
        .pipe(gulp.dest('src/main/js/app'));    //destination folder for niniifed file
});

我使用上面的脚本在应用程序中浓缩和缩小js文件。希望对你有帮助

---

我使用上面的脚本在应用程序中浓缩和缩小js文件。希望对您有所帮助。

您可以使用

网页流

，这将合并所有流（包括您的

main.js

）：

---

您可以使用

webpack流

，这将合并所有流（包括

main.js

）：

---

谢谢你的回答，但不，这不是问题的重点。我已经知道如何连接我的js文件。我想做的是只连接库和它们的依赖项，然后添加bower。这种方法不起作用。谢谢你的回答，但不，这不是问题的重点。我已经知道如何连接我的js文件。我想做的是只连接库和它们的依赖项，然后添加bower。这种方法不管用。你得到答案了吗？没有，不是一个能满足我需要的答案。很抱歉，你得到答案了吗？没有，不是一个能满足我需要的答案。很抱歉

// Concatenate & Minify JS
gulp.task('scripts', function() {
    return gulp.src('src/main/modules/**/*.js') //source files (include all js files under module folder and sub folders)
        .pipe(concat('app.js'))                 //output file
        .pipe(gulp.dest('src/main/js/app'))     //location of output file
        .pipe(rename('app.min.js'))             //minified file
        .pipe(uglify( {mangle: false }))        //minification step
        .pipe(gulp.dest('src/main/js/app'));    //destination folder for niniifed file
});

var webpack = require('webpack-stream'); 
var rename = require('gulp-rename');  

gulp.task('webpack', function() {
  return gulp.src('js/main.js') // the entry point
    .pipe(webpack())
    .pipe(rename('vendor.js'))
    .pipe(gulp.dest('lib/'));
});