使用grunt.js使用RequireJS组合JavaScript文件的工作项目结构？

npm install grunt-contrib-requirejs --save-dev

BTW：–save-dev将包添加到你的package.json中的开发依赖项。如果你不在你的项目中使用package.json，请忽略它。

在grunt文件中加载任务：

grunt.loadNpmTasks('grunt-contrib-requirejs');

并将配置添加到您的grunt.initConfig

requirejs: {
  production: {
    options: {
      baseUrl: "path/to/base",mainConfigFile: "path/to/config.js",out: "path/to/optimized.js"
    }
  }
}

现在你可以构建你的require.js的东西到一个单一的文件，将通过运行grunt requirejs uglifyjs最小化

您可以将一组不同的任务捆绑到某种主要任务，将其添加到您的grunt文件

grunt.registerTask('default',['lint','requirejs']);

有了这个，你可以简单地输入grunt和grunt会自动运行带有两个’子任务’的默认任务：lint和requirejs。

如果你需要一个特殊的生产任务：定义它像上面

grunt.registerTask('production','requirejs','less','copy']);

并运行它

grunt production

如果你需要不同的’生产’和’开发’行为，即requirejs任务，你可以使用所谓的目标。在上面的配置示例中，它已经定义为生产。如果需要，您可以添加另一个目标(BTW，您可以通过在同一级别上添加一个选项对象为所有目标定义一个全局配置)

requirejs: {
  // global config
  options: {
    baseUrl: "path/to/base",mainConfigFile: "path/to/config.js"
  },production: {
    // overwrites the default config above
    options: {
      out: "path/to/production.js"
    }
  },development: {
    // overwrites the default config above
    options: {
      out: "path/to/development.js",optimize: none // no minification
    }
  }
}

现在你可以同时使用grunt requirejs或者单独使用grunt requirejs：production来运行它们，或者你可以在不同的任务中定义它们：

grunt.registerTask('production','requirejs:production']);
grunt.registerTask('development','requirejs:development']);

现在回答你的问题：

>我肯定会在你的项目中使用一个子文件夹。在我的情况下，我使用一个’src’文件夹进行开发，构建到一个’htdocs’文件夹进行生产。项目布局我预计是：

project/
  src/
    js/
      libs/
        jquery.js
        ...
      appname/
        a.js
        b.js
        ...
      main.js // require.js starter
    index.html
    ...
  build/
    ... //some tmp folder for the build process
  htdocs/
    ... // production build
  node_modules/
    ...
  .gitignore
  grunt.js
  package.json

>见上文
>你可以这样做，但我不建议添加requirejs到watch任务，这是一个资源饥饿的任务，它会减慢你的机器显着。

最后但并非最不重要：使用r.js玩时要格外小心。特别是当你想使用r.js优化整个项目时，通过添加@L_258_5@modules指令到你的配置。 R.js将删除输出目录而不询问。如果发生意外配置它是你的系统根目录，r.js将会清除你的硬盘。警告，我删除了我的整个htdocs文件夹永久前一段时间，同时设置我的grunt任务…总是添加keepBuildDir：true，当玩弄r.js配置。