Ana içeriğe geç

ECMAScript modülleri (ESM) daha yeni tarayıcılar için

ESM dağıtımı, ES6 ile tanıtılan ECMAScript modüllerini destekleyen en son tarayıcıları hedef alır.

bilgi

Not: Node.js sürümü ile karşılaştırıldığında, bu dağıtım Node.js ortamının dışında çalıştırmak için polyfill'ler içerir.

Ek bilgiler, proje ECMAScript modülleri belgelerinde mevcuttur.

Kullanım​

Dosyalar manuel olarak içe aktarılabilir. Herhangi bir dış bağımlılık gerektirmezler ve packages/stream-transform/dist/esm klasörü içerisinde yer alırlar.

NPM kullanarak modüllerinizi yönetmek ve yüklemek için, örneğin webpack içinde, aşağıdaki şekilde kullanın:

import {transform} from 'stream-transform/browser/esm';
// Veya
import {transform} from 'stream-transform/browser/esm/sync';

Vanilla JavaScript​

Çalışan bir demo, demo/browser dizininde mevcuttur.

ipucu

İpuçları: Express ile, dosyaları şu şekilde sunabilirsiniz:

const app = express();
app.use('/lib/transform/',
  express.static(`node_modules/stream-transform/dist/esm/`));
app.listen(3000);

HTML kodu şu şekildedir:

<script type="module">
  import {transform} from '/lib/transform/index.js';
  transform(input, handler, options, (err, data) => {
    console.info(data)
  });
</script>

Eğer senkron API'yi kullanmak isterseniz, şu şekilde kullanın:

<script type="module">
  import {transform} from '/lib/transform/sync.js';
  const data = transform(input, handler, options);
</script>

Webpack modül paketleyici​

Bu dağıtım, webpack sürüm 5 ile uyumludur. Node.js polyfill'leri ile birlikte gelir. Proje deposunda bir çalışan demo paylaşılmıştır.

Modülünüzde, uygun stream-transform modülünü içe aktarın:

İlgili webpack yapılandırması şu şekildedir:

webpack.config.js Ayrıntıları

embed:demo/webpack/webpack.config.js{snippet: "transform"}