使用coffeescript与基本的Yeoman项目。

时间:2013-02-18 18:38:15

标签: coffeescript gruntjs yeoman

我已使用Yeoman使用yo webapp生成器命令制作快速项目框架。在生成的Gruntfile中,我看到它是编译CoffeeScript的设置,但它似乎只是将编译文件粘贴在tmp文件夹中。

coffee: {
    dist: {
        files: {
           '.tmp/scripts/coffee.js': '<%= yeoman.app %>/scripts/*.coffee'
        }
    },
},

在开发过程中如何将这些内容包含在项目中。我没有使用RequireJS。

yeoman医生对如何使用咖啡因不清楚。他们只提到它会自动编译。

2 个答案:

答案 0 :(得分:17)

使用yeomen 1.0.0-rc1.4。我用:

$ yo angular --coffee

生成的项目在CoffeeScript中有控制器和应用程序脚本。

grunt配置文件保留在js中(这不是什么问题)。

运行

$ grunt test

运行测试,一切似乎都很好。

$ grunt server

也在做我们期望的事情(构建应用程序,测试它,启动服务器,在Web浏览器中打开应用程序并开始观察更改,因此如果我更改咖啡脚本文件,它会很快反映在Web浏览器中。

文档还指出,可以使用yo添加特定部分,例如

  • 角:控制器
  • 角:指令
  • 角:过滤器
  • 角:路线
  • 角:服务
  • 角:装饰
  • 角:图

每个都可以使用--coffee开关调用,并在CoffeeScript中获取脚本,例如:

yo angular:controller user --coffee

答案 1 :(得分:1)

我刚刚在github repo中发现了一个引用此问题的问题。 https://github.com/yeoman/generator-webapp/issues/12

它提供了一个临时解决方案:https://github.com/yeoman/generator-webapp/issues/12#issuecomment-13731929