Além de uma coleção de plugins, o StealJS é composto por dois componentes principais:
steal
: um carregador de módulo universal e extensível.steal-tools
: utilitários para construir, transformar e exportar formatos de módulos. Este é o repositório steal
. Para as tools
, consulte https://github.com/stealjs/steal-tools.
steal
steal
é único porque pode carregar módulos JavaScript definidos nos formatos ES6, AMD e CommonJS (ao contrário da maioria dos outros carregadores de módulos, que suportam apenas um desses formatos por vez).
Em JavaScript, a palavra “módulos” refere-se a pequenas unidades de código independente e reutilizável. Eles são a base de muitos padrões de design JavaScript e podem ser assim no ES6:
export function hello ( ) {
console . log ( 'hello' ) ;
}
export function goodbye ( ) {
console . log ( 'goodbye' ) ;
}
Ou assim na AMD:
define ( [ ] , function ( ) {
return {
hello : function ( ) {
console . log ( 'hello' ) ;
} ,
goodbye : function ( ) {
console . log ( 'goodbye' ) ;
}
} ;
} ) ;
Ou como este CommonJS:
function hello ( ) {
console . log ( 'hello' ) ;
}
function goodbye ( ) {
console . log ( 'goodbye' ) ;
}
module . exports = {
hello : hello ,
goodbye : goodbye
}
Todos esses formatos são suportados pelo steal
, para que você possa misturar e combinar módulos no seu projeto:
// ES6
import { hello , goodbye } from "greetings" ;
// AMD
define ( [ "greetings" ] , function ( greetings ) { ... } ) ;
// CommonJS
var hello = require ( 'greetings' ) . hello ;
var goodbye = require ( 'greetings' ) . goodbye ;
Além disso, os plug-ins tornam possível carregar QUALQUER tipo de módulo que você possa imaginar, como Less ou CSS. Qualquer um pode escrever um plugin para steal
para estender sua funcionalidade principal de carregamento de módulos.
steal
com plug-ins A organização StealJS mantém plug-ins populares que estendem e aprimoram os recursos de carregamento de módulos do steal
(e, subsequentemente, steal-tools
), como:
Por exemplo, o plugin Less permite que Menos arquivos sejam carregados de forma semelhante aos módulos JavaScript:
// ES6
import "style.less" ;
// AMD
define ( [ "style.less" ] , function ( ) { ... } ) ;
// CommonJS
require ( "style.less" ) ;
// steal
steal ( "style.less" )
Quer criar um plugin para outro formato? Consulte Escrevendo plug-ins.
Para obter mais informações sobre StealJS, visite StealJS.com.
Para obter informações sobre contribuição e desenvolvimento, consulte o Guia de Contribuição em StealJS.com.