2015-06-10 2 views
0

Незначительно новичок в системе сборки front-end, и я нахожусь в инструменте, созданном в Yoman, с угловым фальсифицированным сайтом. Он использует Gruntfile.js включить bower.json, который декларирует следующее - обратите внимание, что я добавил Фонд и ее зависимость:Как явным образом включить исходные сценарии Foundation 5 в Bower/Grunt?

{ 
    "name": "mercurysocialclub", 
    "version": "0.0.0", 
    "dependencies": { 
    "angular": "^1.3.0", 
    "angular-animate": "^1.3.0", 
    "angular-cookies": "^1.3.0", 
    "angular-resource": "^1.3.0", 
    "angular-route": "^1.3.0", 
    "angular-sanitize": "^1.3.0", 
    "angular-touch": "^1.3.0", 
    "foundation": "^5.5.0", 
    "fastclick": "^1.0.6", 
    "modernizr": "^2.8.3" 
    }, 
    "devDependencies": { 
    "angular-mocks": "^1.3.0" 
    }, 
    "appPath": "app", 
    "moduleName": "mercurysocialclubApp" 
} 

Это все проверяет. После запуска черновой --force из терминала сборка генерирует следующий сценарий вызывает в /app/index.html, а экспорт /dist/vendor.js со всеми вызовами concatinated:

Configuration is now: 

    concat: 
    { generated: 
    { files: 
     [ { dest: '.tmp/concat/scripts/vendor.js', 
      src: 
     [ 'bower_components/modernizr/modernizr.js', 
     'bower_components/jquery/dist/jquery.js', 
     'bower_components/angular/angular.js', 
     'bower_components/angular-animate/angular-animate.js', 
     'bower_components/angular-cookies/angular-cookies.js', 
     'bower_components/angular-resource/angular-resource.js', 
     'bower_components/angular-route/angular-route.js', 
     'bower_components/angular-sanitize/angular-sanitize.js', 
     'bower_components/angular-touch/angular-touch.js', 
     'bower_components/fastclick/lib/fastclick.js', 
     'bower_components/jquery.cookie/jquery.cookie.js', 
     'bower_components/jquery-placeholder/jquery.placeholder.js', 
     'bower_components/foundation/js/foundation.js' ] }, 
    { dest: '.tmp/concat/scripts/scripts.js', 

Однако орбита сценарий Foundation как представляется, не включается. Я не могу понять, как явно включить сценарий зависимостей Foundation с помощью bower.json или Gruntfile.js.

Это решение представляется, не включают в себя правильно писать: http://foundation.zurb.com/forum/posts/21949-compiling-javascript-in-the-gruntfile

И нигде я стараюсь включать либо получает перезаписаны или не может получить доступ к каталогу bower_components вне рубаки конфиги.

Любая идея, как я могу сказать Grunt/Бауэр включить скрипты по адресу:.. Bower_components/основание/JS/основание/фундамент * JS

- = - = - = - = - = -

Кроме того, объявление о том, что в этом сценарии также инициализируется Foundation, также не удается выполнить этот сценарий!

<script> 
    $(document).ready(function(){ 
     $(document).foundation('orbit', 'reflow'); 
    }): 
</script> 

Хотя, все работает, как ожидалось, если я запускаю эту команду из терминала:

$(document).foundation('orbit', 'reflow'); 

ответ

0

Секрет соус здесь в том, что мне нужно, чтобы включить $ (документ) .foundation ('орбиты ',' reflow '); в моем основном контроллере, а не в index.html.

Использование следующего блока в моей сборке позволило мне включить орбиту js.

<!-- build:js(.) scripts/foundation.js --> 
<!-- foundation:js --> 
<script src="bower_components/foundation/js/foundation/foundation.orbit.js"></script> 
<!-- endfoundation --> 
<!-- endbuild -->