【问题标题】:generator-gulp-angular: How to add a new module, controller, directive?generator-gulp-angular:如何添加新模块、控制器、指令?
【发布时间】:2016-09-01 03:01:31
【问题描述】:

我已经开始使用 generator-gulp-angular,它是一个很好的 angular 生成器,它遵循 angular 1.3 和更高版本。

项目生成后,我想创建一个新模块和几个控制器来自定义项目。

所以我为模块创建了一个文件夹,其中包含模板、控制器、指令和样式表的文件很少。

但是在运行gulp serve 之后,我定义的所有文件(控制器、指令)都变得未定义,并且样式根本不适用。


如何将新模块添加到由 generator-gulp-angular 生成的现有应用程序中。

我需要做些什么来添加新文件(控制器、指令、样式表)?

如果可以,谁能分享一下如何添加新模块的过程?


注意:我尝试将控制器、指令文件添加到 index.module.js,将样式添加到 index.less,它工作正常。

但是我们不应该这样做,因为所有的控制器,指令都在一个文件中:(

【问题讨论】:

    标签: angularjs gulp yeoman yeoman-generator


    【解决方案1】:

    通过写yo,您将获得您已安装的所有生成器,并且您可以执行任何您需要的生成器:

    You can see each generator subtask's options typing:
    yo gulp-angular-subtask:controller --help
    yo gulp-angular-subtask:directive --help
    yo gulp-angular-subtask:provider --help
    yo gulp-angular-subtask:factory --help
    yo gulp-angular-subtask:service --help
    yo gulp-angular-subtask:value --help
    yo gulp-angular-subtask:constant --help
    yo gulp-angular-subtask:filter --help
    yo gulp-angular-subtask:style --help
    yo gulp-angular-subtask:partial --help
    

    这些是 gulp-angular 拥有的可用生成器。

    【讨论】:

      【解决方案2】:

      您可以使用 generator-gulp-angular-subtask 添加新模块。

      使用 npm 安装它。

      npm install -g generator-gulp-angular-subtask
      

      然后通过运行yo gulp-angular-subtask进行配置。

      然后您可以创建如下所示的新模块。

      yo gulp-angular-subtask:factory menu
      

      以上命令将创建一个菜单工厂。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2016-03-18
        • 2017-06-02
        • 2015-07-18
        • 1970-01-01
        • 1970-01-01
        • 2020-06-13
        • 2015-12-30
        相关资源
        最近更新 更多