如何在NetBeans中使用Bower庫？

Question

在NetBeans 8.1中，bower_components文件夾存儲在Site Root文件夾之外。

因此，我無法從bower_components將css或js文件加載到我的html中。

那麼，如何從Bower庫中加載文件？

Answer 1

一應所需的文件複製到站點文件夾。

它可以通過手動或通過gulp和main-bower-files插件完成。

樣品gulpfile.js：

var gulp = require('gulp'); 
var mainBowerFiles = require('main-bower-files'); 


gulp.task('mainJS', function() { 
    return gulp.src(mainBowerFiles('**/*.js')) 
      .pipe(gulp.dest('public_html/libs/js')); 
}); 
gulp.task('mainLess', function() { 
    return gulp.src(mainBowerFiles('**/*.less')) 
      .pipe(gulp.dest('public_html/libs/less')); 
}); 
gulp.task('mainCSS', function() { 
    return gulp.src(mainBowerFiles('**/*.css')) 
      .pipe(gulp.dest('public_html/libs/css')); 
}); 

gulp.task('main-bower-files', ['mainJS', 'mainLess', 'mainCSS']);