我有一个带有gulpfile.js文件的角度应用程序,其中我的sass / css文件被缩小。该应用程序以前没有使用bootstrap。但是由于新的要求,我必须加入bootstrap-sass it。
在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'));
});
如上所述,在响应模式下点击导航栏按钮不会打开导航栏菜单会出现什么问题?
答案 0 :(得分:0)
你的路上有一个小错字:
这是'/bootstrap-sass/assets/javascripts/bootstrap/bootstrap.min.js'
不是:'/bootstrap-sass/assets/javascripts/bootstrap.js/bootstrap.min.js'