En plus d'une collection de plugins, StealJS est composé de deux composants principaux :
steal
: un chargeur de modules extensible et universel.steal-tools
: utilitaires pour créer, transformer et exporter des formats de modules. Il s'agit du référentiel steal
. Pour les tools
, voir https://github.com/stealjs/steal-tools.
steal
steal
est unique car il peut charger des modules JavaScript définis aux formats ES6, AMD et CommonJS (contrairement à la plupart des autres chargeurs de modules, qui ne prennent en charge qu'un seul de ces formats à la fois).
En JavaScript, le mot « modules » fait référence à de petites unités de code indépendantes et réutilisables. Ils constituent la base de nombreux modèles de conception JavaScript et peuvent ressembler à ceci dans ES6 :
export function hello ( ) {
console . log ( 'hello' ) ;
}
export function goodbye ( ) {
console . log ( 'goodbye' ) ;
}
Ou comme ça dans AMD :
define ( [ ] , function ( ) {
return {
hello : function ( ) {
console . log ( 'hello' ) ;
} ,
goodbye : function ( ) {
console . log ( 'goodbye' ) ;
}
} ;
} ) ;
Ou comme ceci CommonJS :
function hello ( ) {
console . log ( 'hello' ) ;
}
function goodbye ( ) {
console . log ( 'goodbye' ) ;
}
module . exports = {
hello : hello ,
goodbye : goodbye
}
Tous ces formats sont pris en charge par steal
, vous pouvez donc mélanger et assortir des modules dans votre projet :
// ES6
import { hello , goodbye } from "greetings" ;
// AMD
define ( [ "greetings" ] , function ( greetings ) { ... } ) ;
// CommonJS
var hello = require ( 'greetings' ) . hello ;
var goodbye = require ( 'greetings' ) . goodbye ;
De plus, les plugins permettent de charger N'IMPORTE QUEL type de module que vous pourriez proposer, tel que Less ou CSS. N'importe qui peut écrire un plugin pour steal
afin d'étendre sa fonctionnalité principale de chargement de modules.
steal
avec des plugins L'organisation StealJS maintient des plugins populaires qui étendent et améliorent les capacités de chargement de modules de steal
(et, par la suite, steal-tools
), tels que :
Par exemple, le plugin Less permet de charger les fichiers Less de la même manière que les modules JavaScript :
// ES6
import "style.less" ;
// AMD
define ( [ "style.less" ] , function ( ) { ... } ) ;
// CommonJS
require ( "style.less" ) ;
// steal
steal ( "style.less" )
Vous cherchez à créer un plugin pour un autre format ? Voir Écriture de plugins.
Pour plus d'informations sur StealJS, visitez StealJS.com.
Pour plus d'informations sur la contribution et le développement, consultez le Guide de contribution sur StealJS.com.