Вы можете легко скомпилировать все ваши файлы React с помощью grunt + browsify + reactify. Вот основные хрюкать конфигурации, чтобы сделать это:
module.exports = function(grunt) { 'use strict';
// Project configuration.
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
// Task configuration goes here.
paths: {},
browserify: {
options: {
transform: ['reactify'],
},
dev: {
src: '<%= paths.src_js %>/app/app.jsx',
dest: '<%= paths.build_js %>/app.js',
options: { debug: true }
},
prod: {
src: '<%= browserify.dev.src %>',
dest: '<%= paths.build_js %>/app.min.js',
options: { debug: false },
}
},
watch: {
options: { livereload: true },
browserify: {
files: ['<%= paths.src_js %>/app/**/*'],
tasks: ['browserify:dev'],
}
}
});
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-browserify');
grunt.registerTask('dev', ['browserify:dev']);
grunt.registerTask('prod', ['browserify:prod']);
};
Вы запускаете его grunt dev
или grunt prod
.
В качестве альтернативы предварительно скомпилируйте свои модули с помощью инструмента командной строки jsx (я не знаю require.js, но это похоже на простейшее решение). – FakeRainBrigand
Я работал над этой проблемой некоторое время, когда я работаю, и не смог найти простой способ сделать это, все еще пожиная плоды инструментального времени требуемого времени RequireJS. Мы рассматриваем возможность перехода на систему сборки на основе webpack. –