如何在NetBeans中使用Bower库？

Question

在NetBeans 8.1中，bower_components文件夹存储在Site Root文件夹之外。

因此，我无法将bower_components中的css或js文件加载到我的html中。

那么，如何从Bower Libraries加载文件？

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