Relative paths + Require.JS

[fertapric]

Hi all,
first of all, thanks for developing Ace, it's really useful. I'm having some issues getting Ace work with require.js.

The "entry point" of my application is:

<script data-main="/js/config/bootstrap.js" src="/js/libs/require/require.js"></script>

js/config/bootstrap.js

require.config({

  paths: {
    // LIBRARIES
    jquery: '../libs/jquery/jquery-loader',
    underscore: '../libs/underscore/underscore-loader',
    backbone: '../libs/backbone/backbone-loader',
    mustache: '../libs/mustache/mustache',
    ace: '../libs/ace/ace',

The project structure is:

+ js
    + config
        - bootstrap.js
    + libs
        + jquery
        ...
        + ace
           - ace-loader.js
           + ace <- all the ace lib: https://github.com/ajaxorg/ace/tree/master/lib/ace
                - ace.js

How could I load the ace editor, something like:

define([
  'jquery',
  'underscore',
  'backbone',
  'mustache',
  'ace'
], function(
  $,
  _,
  Backbone,
  Mustache,
  ace
) {

  /**
   * VIEW
   */
  var view = Backbone.View.extend({

    root: "#content-view",

    initialize: function() {
      _.bindAll(this, 'render');
      this.render();
    },

    render: function() {
      var html = Mustache.render(template, this.data);
      $(this.root).html(html);
      this.data.editor = ace.edit("editor");

Any help?
Thanks in advance

[nightwing]

in define call shouldn't ace point to ace.js if yes you need to use 'ace/ace' in define, otherwise this looks like it should work

[fertapric]

Thanks, it works now.
To help others:

js/config/bootstrap.js

require.config({

  paths: {
    // LIBRARIES
    jquery: '../libs/jquery/jquery-loader',
    underscore: '../libs/underscore/underscore-loader',
    backbone: '../libs/backbone/backbone-loader',
    mustache: '../libs/mustache/mustache',
    ace: '../libs/ace/ace',

view

define([
  'jquery',
  'underscore',
  'backbone',
  'mustache',
  'ace/ace'
], function(
  $,
  _,
  Backbone,
  Mustache,
  ace
) {

  /**
   * VIEW
   */
  var view = Backbone.View.extend({

    root: "#content-view",

    initialize: function() {
      _.bindAll(this, 'render');
      this.render();
    },

    render: function() {
      var html = Mustache.render(template, this.data);
      $(this.root).html(html);
      this.data.editor = ace.edit("editor");

[ruanzy]

its not work

[tangce05]

I am learning