netbeans - 如何在 NetBeans 中使用 Bower 库？

Question

在 NetBeans 8.1 中， bower_components 文件夹存储在站点根文件夹之外。

因此，我无法将 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']);