如何在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']);