使用CoffeeScript,Bower,RequireJS并连接在一起

时间:2014-06-02 06:34:08

标签: javascript coffeescript requirejs concatenation bower

我有点困惑如何一起使用以下内容:

  • 的CoffeeScript
  • 鲍尔
  • RequireJS
  • Concatination

我应该(使用Grunt):

  1. 将CoffeeScript编译成JS到某个临时文件夹
  2. 将bower组件复制到某个临时文件夹
  3. 使用RequireJS连接上面生成的文件
  4. 删除临时文件夹
  5. 没有临时文件夹会有更直接的方法吗?是否有自动识别实际需要的凉亭组件中的文件的方法?通常,还有其他文件,如缩小,非缩小或非连接副本。

1 个答案:

答案 0 :(得分:0)

使用require-cs插件正确处理和编译咖啡脚本文件。

像这样定义你的模块:

define([
  'cs!lasers'       // lasers.coffee
], (lasers) ->
  // do stuff with lasers

此外,您的requirejs配置应具有exclude: ['coffee-script']属性,如下所示:

requirejs:
  devBuild:
    options:
      baseUrl: 'src/apps'
      stubModules: ['cs']
      include: [
        'text'
        'cs!components'
      ]
      exclude: ['coffee-script']
      out: 'src/lib/app.js'
      paths:
        .
        .
        .
        cs: '../public/components/require-cs/cs'
        'coffee-script': '../public/components/coffee-script/index'
        .
        .
        .

你很高兴。使用grunt requirejs:devBuild

运行