꿀꺽 와이어 출발 파일 형식 *를 주입하지 * JS 파일

Question

내가 문제 아래에 직면하고있다 -.. 내가 index.html을 파일에 이물 종속성을 주입 발전기 및 wiredep을 Yeomen 한

.

bower가 앵귤러 트리 뷰를 설치 한 후 앵귤러 트리 뷰의 lib 파일과 css 파일이 인덱스 파일에 삽입되지 않는다는 것을 알게되었습니다.

동안 디버깅 후 각 트리보기의 lib 파일이 하나 개의 엑스트라 점 (angular.treeview.js) CSS 파일과 같은이 발견뿐만 아니라

그래서 index.html을

에서 해당 파일을 삽입하는 방법

내가 내가 Yeomen 및 꿀꺽 꿀꺽를 사용하고 yoemen

gulp.task('inject', ['scripts'], function() { 
var injectStyles = gulp.src([ 
path.join(conf.paths.src, '/app/**/*.css') 
], { read: false }); 

var injectScripts = gulp.src([ 
path.join(conf.paths.src, '/app/**/*.module.js'), 
path.join(conf.paths.src, '/app/**/*.js'), 
path.join('!' + conf.paths.src, '/app/**/*.spec.js'), 
path.join('!' + conf.paths.src, '/app/**/*.mock.js') 
]) 
.pipe($.angularFilesort()).on('error',conf.errorHandler('AngularFilesort')); 

var injectOptions = { 
ignorePath: [conf.paths.src, path.join(conf.paths.tmp, '/serve')], 
addRootSlash: false 
}; 

return gulp.src(path.join(conf.paths.src, '/*.html')) 
.pipe($.inject(injectStyles, injectOptions)) 
.pipe($.inject(injectScripts, injectOptions)) 
.pipe(wiredep(_.extend({}, conf.wiredep))) 
.pipe(gulp.dest(path.join(conf.paths.tmp, '/serve'))); 
} 

에 의해 생성 된 index.html에서 파일을 삽입 할 꿀꺽 폴더에 inject.js 파일의 작업 아래에 있습니다. 도움이 될 것입니다.

Answer 1

꿀꺽 거리는 작업에 아무 것도 할 필요가 없습니다. Wiredep는 bower.json 파일을 사용하여 색인 파일에 종속성을 주입합니다.

현재 시나리오 에서처럼 부트 스트랩과 마찬가지로 패키지를 재정의해야합니다.

 "overrides": { 
     "bootstrap": { 
      "main": [ 
      "dist/css/bootstrap.css", 
      "dist/fonts/glyphicons-halflings-regular.eot", 
      "dist/fonts/glyphicons-halflings-regular.svg", 
      "dist/fonts/glyphicons-halflings-regular.ttf", 
      "dist/fonts/glyphicons-halflings-regular.woff", 
      "dist/fonts/glyphicons-halflings-regular.woff2" 
      ] 
     }, 
    "angular-treeview":{ 
    "main":[ 
    "angular.treeview.js", 
    "css/angular.treeview.css" 
    ] 
    } 
     } 

bower.json

코드 아래에 추가 나는 당신을 도움이되기를 바랍니다. 해피 코딩 :)