GULP：main-bower-filesにいくつかのファイルがありません

Question

gulp経由で特定のフォルダにファイルを取得するのに私はを使用しています。 しかし、特定のcssファイルは、bower_componentsフォルダ内にあっても失われています。

たとえば、同じフォルダの.jsファイルがあるにもかかわらず、 "pdf.js-viewer"のCSSファイルviewer.cssはコピーされません。

何が間違っている可能性がありますか？任意のヒントをいただきました！

// gulpfile.js: (skipped some unimportant libs etc. 
 
var gutil = require('gulp-util'); 
 
var bowerFiles = require('main-bower-files'); 
 

 
var paths = { 
 
    localDev: '/.app' 
 
} 
 

 
var pipes = {}; 
 
pipes.moveBowerStyles = function() { 
 
    gutil.log(bowerFiles()); // this already doesn't have appropriate viewer.css file from the mentioned lib for example (also some other are missing) 
 
\t return gulp.src(bowerFiles()) 
 
     .pipe(gulp.dest(paths.localDev + '/assets/styles/lib')); 
 
}; 
 

 
gulp.task('default', ['moveBowerStyles']); 
 

 

 
// bower.json: 
 
{ 
 
    "name": "test", 
 
    "description": "", 
 
    "main": "", 
 
    "license": "MIT", 
 
    "homepage": "", 
 
    "private": true, 
 
    "dependencies": { 
 
    "jquery": "^3.1.0", 
 
    "angular-datatables": "^0.5", 
 
    "angular": "^1.6.4", 
 
    "angular-ui-router": "^1.0.0", 
 
    "bootstrap": "^3.3", 
 
    "font-awesome": "^4.6", 
 
    "font-awesome-animation": "^0.0.9", 
 
    "datatables": "^1.10", 
 
    "angular-route": "^1.5", 
 
    "angular-translate": "^2.12", 
 
    "angular-cookies": "^1.6.4", 
 
    "angular-translate-loader-url": "^2.12", 
 
    "angular-translate-loader-static-files": "^2.12", 
 
    "angular-translate-loader-partial": "^2.12", 
 
    "angular-translate-storage-cookie": "^2.12", 
 
    "angular-bootstrap": "^2.5.0", 
 
    "bower-bootswatch-paper": "paper-less#*", 
 
    "oclazyload": "1.1.0", 
 
    "bower": "*", 
 
    "install": "^1.0", 
 
    "ngsecurity": "^1.6", 
 
    "angular-permission": "^4.0", 
 
    "angular-oauth2": "^4.1.0", 
 
    "angular-schema-form": "^0.8", 
 
    "ng-dialog": "^0.6", 
 
    "bootstrap-select": "^1.11", 
 
    "angular-select2": "^1.5.2", 
 
    "angular-ui-select": "^0.19.8", 
 
    "angular-media-queries": "^0.6", 
 
    "jquery-ui": "^1.12.1", 
 
    "angular-touch": "1.5.0", 
 
    "AngularHammer": "ryanmullins-angular-hammer#^2.2.0", 
 
    "angular-breadcrumb": "^0.5.0", 
 
    "pdf.js-viewer": "^0.3.3", 
 
    "angular-ui-sortable": "^0.16.1", 
 
    "angular-animate": "1.6.4", 
 
    "angular-file-upload": "^2.5.0", 
 
    "angular-ui-mask": "^1.8.7", 
 
    "angular-inview": "^2.2.0", 
 
    "angular-ui-notification": "^0.3.6", 
 
    "angular-bootstrap-switch": "^0.5.1", 
 
    "bootstrap-switch": "^3.3.4", 
 
    "angular-pdfjs-viewer": "^0.7.4", 
 
    "ui-bootstrap": "angular-ui-bootstrap#^2.5.0", 
 
    "angular-i18n": "^1.6.3", 
 
    "angular-hotkeys": "chieffancypants/angular-hotkeys#^1.7.0", 
 
    "angular-resource": "1.6.4", 
 
    "select2": "^4.0.3", 
 
    "angular-drag-and-drop-lists": "^2.1.0" 
 
    }, 
 
    "devDependencies": { 
 
    "angular-translate": "^2.15.1" 
 
    }, 
 
    "resolutions": { 
 
    "angular-cookies": "^1.6.4", 
 
    "angular": "^1.6.4", 
 
    "jquery": "^3.1.0", 
 
    "bootstrap-switch": "3.3.2", 
 
    "angular-bootstrap": "^0.10", 
 
    "angular-translate": "^2.15.1", 
 
    "select2": "~3.5.2" 
 
    } 
 
}

Answer 1

私はそれを考え出しました。

{ 
    "name": "your-package-name", 
    "dependencies": { 
     "BOWER-PACKAGE": "*" 
    }, 
    "overrides": { 
     "BOWER-PACKAGE": { 
     "main": "**/*.js" 
     } 
    } 
} 

：あなたはこのようなあなたのbower.jsonを編集して、それ自身のbower.json（いくつかのパッケージもbower.jsonなしかもしれない）の各パッケージで設定されている override the "main" filesを行うことができますいくつかのより多くの読み取りがそれはそう必要

オーバーライドが実際にパッケージによってメインファイルとしてマークされていないいくつかの追加ファイルを追加できることはわかりませんでした。 （例えば、JSファイルだけでなく、パッケージからもCSSと1つのイメージが必要でした）。

bower_componentsフォルダ（「bower install」を実行したときに得られるもの）をチェックし、関心のあるパッケージを含むフォルダーを探してからbower.jsonを探して、パッケージのメインファイルを確認できます。