Как я могу модулировать генератор Yeoman + Bootstrap + Sass?

Question

Я использую Yeoman для автоматического создания проекта с использованием Bootstrap & Sass. Единственное, с чем я столкнулся, это изменение структуры по умолчанию для проекта, которая будет более модульной. Генератор here на github.com

В настоящее время применение структурирована следующим образом:

/app 
    /images/ 
    /scripts/ 
     /controllers/ 
      main.js 
     app.js 
    /styles/ 
     main.css 
    /views/ 
     main.html 
index.html 

Я предпочел бы иметь его разделяют на отдельные директивы с (общий) папку ядра, так что было бы например:

/app/ 
    /directives/ 
     /home/ 
      home.html 
      homeCtrl.js 
      home.sass 
index.html 
app.module.js 
app.route.js 

Но у меня возникли трудности с выяснением лучшего метода модуляции проекта. Должен ли я создавать файловую структуру, которую я хочу, с предварительно созданным приложением, а затем редактировать ее в Gruntfile.js? Есть ли более рациональный способ сделать это, или я SOL делает это вручную?

Answer 1

Лучшим и элегантным способом является отслеживание их guideline вокруг создания настраиваемого шаблона, который вы можете использовать для создания приложений на его основе.

Однако, если это одна вещь, вам, вероятно, не нужно беспокоиться, если вы не хотите создать что-то приличное и поделиться ею с сообществом, чтобы другие люди могли использовать ваш шаблон и создать свое приложение с помощью структуры modularised.

Даже если вы не пытаетесь написать свой собственный шаблон, вы все равно можете прочитать руководство и изменить первоначальный генератор шаблонов, чтобы изменить структуру файла, прежде чем создавать приложение для вас.

Вот еще одна хорошая статья вокруг шаблона настройки:

https://scotch.io/tutorials/create-a-custom-yeoman-generator-in-4-easy-steps

Answer 2

Этот проект, как представляется, отказаться. Самое последнее изменение - год назад, есть 67 вопросов и 18 запросов на тягу. Вероятно, он генерирует только код углового 1.x, и это может быть не «актуальным» с использованием современных методов Angular 1.

Вы можете, конечно, разветвить проект и внести изменения самостоятельно, и даже взять его под контроль, но вам может быть лучше посмотреть на что-то вроде Angular-cli, которое генерирует код Angular2 и активно развивается ,