Question

我正在使用Yeoman使用Bootstrap＆amp; amp;来自动生成项目。萨斯。我遇到的一件事就是将项目的默认结构更改为模块化。 GitHub.com上的生成器为here

目前应用程序的结构如下：

/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创建自定义模板，您可以使用该模板生成基于它的应用。

然而，如果这是一次性的事情你可能不会打扰，除非你想创造一些体面的东西并与社区分享，所以其他人可以使用你的模板并用{{1创建他们的应用程序结构。

即使您没有尝试编写自己的模板，在创建应用之前，您仍然可以阅读指南并修改初始模板生成器以更改文件结构。

这是关于模板定制的另一篇好文章：

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

Answer 2

这个项目似乎被放弃了。最近的变化是一年前，有67个问题和18个拉取请求。它可能只生成Angular 1.x代码，而且可能不是＆＃34;最新的＆＃34;目前的Angular 1最佳实践。

当然，您可以自行分叉项目并进行更改，甚至可以对其进行维护，但最好还是看看像Angular-cli这样生成Angular2代码的东西，并且正在积极开发。

如何模块化Yeoman + Bootstrap + Sass发生器？

2 个答案: