grunt-wiredep trên nhiều file với phụ thuộc khác nhau

Question

Cấu trúc dự án hiện nay là hơi như thế này:

-index.html 
| 
-bower.json 
| 
+-bower_components 

Cấu trúc dự án đề xuất sẽ bổ sung thêm một vài file html tĩnh hơn trong thư mục gốc của dự án. Cho đến bây giờ tôi đã quản lý tất cả các phụ thuộc giao diện người dùng trong bower.json và đã tự động đưa nó vào index.html bằng cách sử dụng tác vụ grunt-wiredep. Nhưng với các tệp mới được thêm vào, mỗi tệp sẽ có các bộ phụ thuộc khác nhau.

-index.html 
| 
-file-with-some-other-bower-dependency.html 
| 
-bower.json 
| 
+bower_components 

Điều gì sẽ là cách hiệu quả để quản lý các tệp này với các phụ thuộc khác nhau?

Answer 1

Bạn có thể làm hai nhiệm vụ khác nhau, đều có sự phụ thuộc của mình (bowerJson):

grunt.initConfig({ 
wiredep: { 
    app: { 
    src: 'index.html', 
    "bowerJson":{ 
     "dependencies": { 
     "jquery":"=2.1.3", 
      ... 
     } 
    } 

    }, 
    app2: { 
    src: 'file-with-some-other-bower-dependency.html', 
    "bowerJson": { 
     "dependencies": { 
     "bootstrap": "~3.0.0", 
     ... 
     } 
    } 
    }}