Selain kumpulan plugin, StealJS terdiri dari dua komponen utama:
steal
: pemuat modul universal yang dapat diperluas.steal-tools
: utilitas untuk membangun, mengubah, dan mengekspor format modul. Ini adalah gudang steal
. Untuk tools
, lihat https://github.com/stealjs/steal-tools.
steal
steal
bersifat unik karena dapat memuat modul JavaScript yang ditentukan dalam format ES6, AMD, dan CommonJS (tidak seperti kebanyakan pemuat modul lainnya, yang hanya mendukung salah satu format ini dalam satu waktu).
Dalam JavaScript, kata "modul" mengacu pada unit kecil kode independen yang dapat digunakan kembali. Ini adalah dasar dari banyak pola desain JavaScript, dan dapat terlihat seperti ini di ES6:
export function hello ( ) {
console . log ( 'hello' ) ;
}
export function goodbye ( ) {
console . log ( 'goodbye' ) ;
}
Atau seperti ini di AMD:
define ( [ ] , function ( ) {
return {
hello : function ( ) {
console . log ( 'hello' ) ;
} ,
goodbye : function ( ) {
console . log ( 'goodbye' ) ;
}
} ;
} ) ;
Atau seperti CommonJS ini:
function hello ( ) {
console . log ( 'hello' ) ;
}
function goodbye ( ) {
console . log ( 'goodbye' ) ;
}
module . exports = {
hello : hello ,
goodbye : goodbye
}
Semua format ini didukung oleh steal
, sehingga Anda dapat memadupadankan modul dalam proyek Anda:
// ES6
import { hello , goodbye } from "greetings" ;
// AMD
define ( [ "greetings" ] , function ( greetings ) { ... } ) ;
// CommonJS
var hello = require ( 'greetings' ) . hello ;
var goodbye = require ( 'greetings' ) . goodbye ;
Selain itu, plugin memungkinkan untuk memuat jenis modul APAPUN yang mungkin Anda buat, seperti Less atau CSS. Siapa pun dapat menulis plugin untuk steal
guna memperluas fungsionalitas pemuatan modul inti.
steal
dengan Plugin Organisasi StealJS memelihara plugin populer yang memperluas dan meningkatkan kemampuan pemuatan modul steal
(dan, selanjutnya, steal-tools
) seperti:
Misalnya, plugin Less memungkinkan file Less dimuat serupa dengan modul JavaScript:
// ES6
import "style.less" ;
// AMD
define ( [ "style.less" ] , function ( ) { ... } ) ;
// CommonJS
require ( "style.less" ) ;
// steal
steal ( "style.less" )
Ingin membuat plugin untuk format lain? Lihat Menulis Plugin.
Untuk informasi lebih lanjut tentang StealJS, kunjungi StealJS.com.
Untuk informasi tentang berkontribusi dan mengembangkan, lihat Panduan Berkontribusi di StealJS.com.