javascript - retroceder - Comprender las opciones de r.js con gruñido y columna vertebral y rutas relativas

retroceder carpetas en html

Question

Estoy tratando de descubrir cómo usar r.js. Sigo recibiendo errores, como que una ruta de módulo no existe, o que los archivos se vuelcan donde no deberían estar.

Tengo una aplicación de una sola página que está integrada con wordpress. He adoptado esta repetición estándar para mi estructura general, aunque he configurado cosas bastante diferentes. Mi estructura de archivos se muestra a continuación.

.Theme Folder
├── _assets
|   ├── _application
|   |   ├── css
|   |   ├── fonts
|   |   ├── img
|   |   ├── _js
|   |   |   ├── main.js  //this is my require.js config file
|   |   |   ├── _app  //here''s where the boilerplate structure comes into play
|   |   |       ├── collections
|   |   |       ├── models
|   |   |       ├── routers
|   |   |       ├── templates
|   |   |       ├── views
|   |   |   ├── libs
|   |   |   ├── utilities
|   |   ├── scss
|   |   ├── video
|   └── build  //Concatenated application directory mirror
|   └── gruntfile.js
|   └── bower.json
|   └── package.json

Para salvar la angustia de descifrar mi gigantesco archivo ronco. Básicamente, originalmente lo configuré para que todo fuera conatenado, uglificado y compilado en la carpeta de compilación. Creé una tarea simple para r.js solo para probar cosas. Me sale un error al decir que mi biblioteca lodash no se puede encontrar (la primera ruta en mi archivo main.js). Cree que lodash está en assets / lodash.js está ignorando mi propiedad baseUrl en mi configuración main.js (require.js) su ubicación real es assets / application / js / libs / lodash.js. Mi tarea requirejs está a continuación:

        requirejs: {
          compile: {
            options: {
              baseUrl: "./",
              mainConfigFile: "application/js/main.js",
              name: "./application/js/main",
              out: "./build/js/optimized.js"
            }
          }
        }

Me está costando mucho averiguar qué está haciendo exactamente rjs. Cuando espero que funcione, no está buscando los archivos en el directorio correcto. Cuando lo configuro para encontrar los archivos correctos, copio toda mi carpeta de activos y la vuelvo a colocar en mi carpeta de compilación ... Lo cual ha causado mucha confusión sobre lo que está haciendo todo r.js y lo que quiere que ingrese para su opciones.

Este es el error que estoy recibiendo actualmente:

>> Error: ENOENT, no such file or directory
>> ''path-to-theme-folder-here/assets/libs/lodash.js''
>> In module tree:
>>     application/js/main.min

Answer 1

Me parece que con la descripción que das, esto debería funcionar:

requirejs: {
  compile: {
    options: {
      baseUrl: "application/js/",
      mainConfigFile: "application/js/main.js",
      name: "main",
      out: "build/js/optimized.js"
    }
  }
}