[英]Bootstrap-sass javascript inside gulpfile.js
我有一個帶有gulpfile.js文件的Angular應用程序,其中我的sass / css文件最小化。 該應用程序之前未使用引導程序。 但是由於新的要求,我必須結合使用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'));
});
上面的工作使我可以使用引導程序類。 但是由於無法將jquery和javascript合並到gulpfile中(我認為),我無法在折疊狀態下使用navbar按鈕...
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'));
});
上面的問題是什么,在響應模式下單擊導航欄按鈕不能打開導航欄菜單?
您的路徑中有一個小錯別字:
它是'/bootstrap-sass/assets/javascripts/bootstrap/bootstrap.min.js'
不是: '/bootstrap-sass/assets/javascripts/bootstrap.js/bootstrap.min.js'
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.