Grunt amd：对 Gulp 来说是正确的

Question

我正在做一个前端应用程序，使用：

• RequireJs
• BackboneJs
• 车把

为了将我的模板 html 编译为用于车把的 js，我使用了 Grunt，并在 gruntfile.js 中使用了这些行

handlebars: {
  compile: {
      options: {                                                
          processName: function (fileName) {
              return path.basename(fileName, '.handlebars');
          },
     namespace: "Handlebars.templates",
          amd: true
    },
    files: {
        'src/templates/compiled/example.js':'src/templates/raw/example.handlebars'
    }

效果很好，因为在我的 example.js 中我有第一行：

define(['handlebars'], function(Handlebars) {

这行似乎是因为amd: true而出现的，因为如果我删除它，它就不起作用。

但问题是，在 Gulp 中如何在编译后的项目中添加这个定义？

Answer 1

link 解释了这一点。

用法

1.安装开发依赖：

npm install --save-dev gulp-handlebars gulp-define-module

2. 将require() 语句和template 任务添加到您的gulpfile

var gulp = require('gulp');
var defineModule = require('gulp-define-module');
var handlebars = require('gulp-handlebars');

gulp.task('templates', function() {
    // Load templates from the templates/ folder relative to where gulp was   executed
gulp.src('source/templates/**/*.hbs')
    // Compile each Handlebars template source file to a template function
    .pipe(handlebars())
    // Define templates as AMD modules
    .pipe(defineModule('amd'))
    // Write the output into the templates folder
    .pipe(gulp.dest('build/js/templates/'));
});