Neben einer Sammlung von Plugins besteht StealJS aus zwei Hauptkomponenten:
steal
: ein erweiterbarer, universeller Modullader.steal-tools
: Dienstprogramme zum Erstellen, Transformieren und Exportieren von Modulformaten. Dies ist das steal
-Repository. Informationen zu den tools
finden Sie unter https://github.com/stealjs/steal-tools.
steal
geladen steal
ist einzigartig, da es JavaScript-Module laden kann, die in den Formaten ES6, AMD und CommonJS definiert sind (im Gegensatz zu den meisten anderen Modulladern, die jeweils nur eines dieser Formate unterstützen).
In JavaScript bezieht sich das Wort „Module“ auf kleine Einheiten unabhängigen, wiederverwendbaren Codes. Sie bilden die Grundlage vieler JavaScript-Entwurfsmuster und können in ES6 so aussehen:
export function hello ( ) {
console . log ( 'hello' ) ;
}
export function goodbye ( ) {
console . log ( 'goodbye' ) ;
}
Oder so in AMD:
define ( [ ] , function ( ) {
return {
hello : function ( ) {
console . log ( 'hello' ) ;
} ,
goodbye : function ( ) {
console . log ( 'goodbye' ) ;
}
} ;
} ) ;
Oder wie dieses CommonJS:
function hello ( ) {
console . log ( 'hello' ) ;
}
function goodbye ( ) {
console . log ( 'goodbye' ) ;
}
module . exports = {
hello : hello ,
goodbye : goodbye
}
Alle diese Formate werden von steal
unterstützt, sodass Sie Module in Ihrem Projekt kombinieren und anpassen können:
// ES6
import { hello , goodbye } from "greetings" ;
// AMD
define ( [ "greetings" ] , function ( greetings ) { ... } ) ;
// CommonJS
var hello = require ( 'greetings' ) . hello ;
var goodbye = require ( 'greetings' ) . goodbye ;
Darüber hinaus ermöglichen Plugins das Laden JEDER Modulart, die Ihnen einfällt, beispielsweise Less oder CSS. Jeder kann ein Plugin für steal
schreiben, um dessen Kernfunktionalität zum Laden von Modulen zu erweitern.
steal
mit Plugins Die StealJS-Organisation unterhält beliebte Plugins, die die Modulladefunktionen von steal
(und später steal-tools
) erweitern und verbessern, wie zum Beispiel:
Das Less-Plugin ermöglicht beispielsweise das Laden von Less-Dateien ähnlich wie bei JavaScript-Modulen:
// ES6
import "style.less" ;
// AMD
define ( [ "style.less" ] , function ( ) { ... } ) ;
// CommonJS
require ( "style.less" ) ;
// steal
steal ( "style.less" )
Möchten Sie ein Plugin für ein anderes Format erstellen? Siehe Plugins schreiben.
Weitere Informationen zu StealJS finden Sie unter StealJS.com.
Informationen zum Mitwirken und Entwickeln finden Sie im Contributing Guide auf StealJS.com.