Question

我正在创建一个使用backbone.js和underscore.js的grunt项目我已使用npm install backbone --save-dev和npm install underscore --save-dev添加了这2个。显然它现在在我的package.json中。

我只是想知道是否存在将backbone.js和underscore.js与grunt一起使用的传统方式

同样需要使用require.js在我的gruntfile中包含骨干和下划线，或者一个html脚本标记会做（<script src="path/underscore.js"><script>和<script src="path/backbone.js"><script>）？

感谢

Answer 1

我不确定是否存在包含Backbone.js和Underscore.js的“正确”方式，所以我所做的就是我的html中的简单<script src="path/underscore.js"></script>和<script src="path/backbone.js"></script>。

Answer 2

我有一个类似设置的项目。我发现grunt-require插件非常适合我所需要的。

现在我的Gruntfile我得到了：

module.exports = function (grunt) {
  grunt.initConfig({
  pkg: grunt.file.readJSON('package.json'),
    requirejs: {
      compile: {
        options: {
          almond: true, //almond is one of the plugin dependencies
          inlineText: true,
          out: 'site/build/myapp.min.js',
          logLevel: 0,
          baseUrl: 'site',
          name: 'app',
          mainConfigFile: 'site/app.js'
        }
      },
      css: {
        options: {
          out: 'site/build/myapp.min.css',
          logLevel: 0,
          cssIn: 'site/css/myStyles.css'
        }
      }
  }
});

  // __External Tasks__
  grunt.loadNpmTasks('grunt-requirejs');

  // __Local Tasks__
  grunt.registerTask('default', ['requirejs']);
};

现在我可以运行grunt并将所有js代码连接到myapp.min.js文件中（并对所有css文件执行相同操作）。

<强> 更新

我认为你问的是如何在你的HTML中进行设置？

您可以在index.html文件中使用此功能：

<script data-main="/app.js" src="/PATHTOREQUIRE/requirejs/require.js"></script>

app.js是您的设置文件，which will look like this

将主干和下划线添加到app.js文件中的paths，然后您就可以要求它们了。

将Backbone.js和Underscore.js与Grunt一起使用的传统方法是什么？

2 个答案: