javascript - gulpfile.js 中的 Bootstrap-sass javascript

Question

我有一个带有 gulpfile.js 文件的 Angular 应用程序，其中我的 sass/css 文件被缩小了。该应用程序之前没有使用 Bootstrap 。但是由于新的需求，我不得不合并bootstrap-sass。

在 gulpfile.js 中，我能够添加脚本来执行以下操作:

gulp.task('styles', function() {
    return gulp.src(["src/main.scss", "src/styles/**/_*.scss", "src/components/**/_*.scss"])
        .pipe(sass({
            outputStyle: 'compressed',
            includePaths: [config.bowerDir + '/bootstrap-sass/assets/stylesheets']
        }))  
        .pipe(plugins.sass({ outputStyle: 'expanded' }))
        .pipe(plugins.minifyCss())      
        .pipe(gulp.dest('dist/styles'));
});

以上内容让我可以使用 Bootstrap 类。但是我无法在折叠状态下使用导航栏按钮，因为很难将 jquery 和 javascript 合并到 gulpfile 中(我假设)...

gulp.task('js', function() {
    return gulp.src([
        config.bowerDir + '/jquery/dist/jquery.js/jquery.min.js',
        config.bowerDir + '/bootstrap-sass/assets/javascripts/bootstrap.js/bootstrap.min.js',
        './src/*.js',
    ])
        .pipe(uglify('app.js', {
            compress: false,
            outSourceMap: true,
        }))
        .pipe(gulp.dest(config.bowerDir + '/js'));
});

在响应模式下单击导航栏按钮不会打开导航栏菜单，这可能有什么问题？

Answer 1

您的路径中有一个小错字:

这是'/bootstrap-sass/assets/javascripts/bootstrap/bootstrap.min.js'

不是:'/bootstrap-sass/assets/javascripts/bootstrap.js/bootstrap.min.js'