RequireJS - Configuración

RequireJS se puede inicializar pasando la configuración principal en la plantilla HTML a través del atributo data-main . RequireJS lo utiliza para saber qué módulo cargar en su aplicación.

Por ejemplo

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

Para incluir el archivo Require.js, debe agregar la etiqueta del script en el archivo html. Dentro de la etiqueta de secuencia de comandos, agregue eldata-mainatributo para cargar el módulo. Esto se puede tomar como el principal punto de entrada a su aplicación. Los scripts / main es un archivo JavaScript principal de una aplicación que contiene la configuración de RequireJS.

Opciones de configuración

A continuación se muestran las opciones de configuración que se pueden configurar mientras se carga el primer módulo de aplicación:

• baseUrl- Es una ruta de ruta para todos los módulos que se cargan a través de RequireJS. La baseUrl se indica mediante una cadena que comienza con "barra inclinada (/)", que contiene un protocolo y termina con la extensión ".js". Si no se especifica baseUrl, RequireJS usa la ruta del atributo principal de datos como baseUrl.

• paths- Especifica las asignaciones de ruta para los módulos que son relativos a baseUrl. Agrega automáticamente la extensión .js a una ruta cuando se asigna el nombre del módulo.

• shim - Proporciona el uso de bibliotecas que no son de AMD con RequireJS configurando sus dependencias y exportando sus valores globales.

• map - Para el módulo dado, una aplicación usa el mismo módulo de diferentes versiones para diferentes objetivos al compartir sus identificadores para hacer uso del mismo código para diferentes condiciones.

• config- Proporciona la configuración a un módulo usando la opción de configuración y esto se puede hacer usando el "módulo" de dependencia especial y llamando a sumodule.config() función.

• urlArgs- Los argumentos de la cadena de consulta se utilizan para recuperar todos los recursos que se cargan mediante RequireJS. Se utiliza para eliminar la memoria caché cuando hay una configuración incorrecta del navegador o del servidor.

• waitSeconds- Especifica el número de segundos que se debe esperar antes de iniciar la carga del script. El valor predeterminado es "7" segundos y "0" desactiva el tiempo de espera.

• packages - Proporciona los paquetes CommonJS para configurar los módulos de carga.

• context - Proporciona el nombre para la carga de contexto que permite la carga de diferentes módulos en una página.

• deps - Es una matriz de dependencias que se requiere cuando Require se especifica como objeto de configuración antes de cargar RequireJS.

• callback - Ejecuta una función después de cargar las dependencias y se requiere cuando Require se especifica como objeto de configuración antes de cargar RequireJS.

• xhtml - Se utiliza para crear los elementos del script utilizando el document.createElementNS()método cuando esta opción se establece en verdadera .

• scriptType- Define el valor del atributo de tipo de script utilizado en el documento. El tipo predeterminado es "texto / javascript".

• skipDataMain- Omite el escaneo del atributo principal de datos mientras carga el módulo, si esta opción está configurada como verdadera .