Объединить requireJS-файлы с grunt

Question

Я хочу объединить js, используемые в простом решении requireJS.

Это мой main.js

require.config({ 
paths: { 
    'jquery': 'jquery-2.0.3.min', 
    'dataTable': 'jquery.dataTables'  
} 
}); 

define(['jquery','dataTable'], function($) { 
'use strict'; 
$(function() { 

    $('.tablesorter').dataTable(); 
}); 

}); 

И мои gruntFile.js

module.exports = function(grunt) { 

grunt.initConfig({ 
requirejs: { 
    production: { 
    options: { 
     name: "main", 
     baseUrl: "", 
     mainConfigFile: "main.js", 
     out: "optimized.js" 
    } 
    } 
} 
}); 

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

grunt.registerTask('default', 'requirejs'); 

}; 

, когда я загружаю optimized.js в HTML, как этот

<script src="optimized.js"></script> 

я ReferenceError: require не определен

Answer 1

На этой странице вы должны указать require.js, прежде чем включать optimized.js.

Как так:

<script src="/path/to/require.js"></script> 
<script src="/path/to/optimized.js"></script> 

Answer 2

я узнал, что requireJS принимает только 'главный' в качестве данных магистрали ЦСИ

Таким образом, вместо

<script data-main="optimized" src="require.js"></script> 

Я получил

<script data-main="prod/main" src="require.js"></script> 

И изменено t он хрюкать конфиг для

requirejs: { 
    production: { 
    options: { 
    name: "main", 
    baseUrl: "", 
    mainConfigFile: "main.js", 
    out: "prod/main.js" 
    } 
    } 
} 

Answer 3

Глядя на комментарии в дополнение к вопросу, первым я вижу, что Джордж Райт ударил по одной проблеме с вашим кодом: вам необходимо включить require.js.

Тогда вы сказали, что $('.tablesorter').dataTable() не выполнен. Это потому, что вы используете define, а не require. Используйте:

require(['jquery','dataTable'], function($) { 
    'use strict'; 
    $(function() { 
     $('.tablesorter').dataTable(); 
    }); 
}); 

Вызов к defineтолько регистры модуль с RequireJS. Он не выполнить модуль. Поэтому неудивительно, что $('.tablesorter').dataTable() не выполнялся. Вы должны использовать форму require, которая выполняет обратный вызов, чтобы делать то, что вы хотите сделать.

Что касается включения RequireJS с вашим проектом в один файл, вы должны попросить его явно. Документация оптимизатора дает этот пример:

node ../../r.js -o baseUrl=. paths.requireLib=../../require name=main include=requireLib out=main-built.js 

вашей конфигурации (обновленной из одного в вопросе) будет выглядеть примерно так:

grunt.initConfig({ 
    requirejs: { 
     production: { 
      options: { 
       name: "main", 
       baseUrl: "", 
       mainConfigFile: "main.js", 
       paths: { 
        requireLib: <path to require js> 
       }, 
       out: "optimized.js", 
       include: "requireLib" 
      } 
     } 
    } 
}); 

(Я не запускать этот код, так стреме для typos.) Вы должны поместить путь к вашему require.js файлу для requireLib. Мы должны использовать requireLib в качестве имени модуля, поскольку зарезервировано require. При такой конфигурации вы можете загрузить только ваш файл optimized.js.