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

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

bilgi

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

Ek bilgiler ECMAScript modülleri projesi belgelerinde mevcuttur.

Kullanım

Dosyalar elle içe aktarılabilir. Herhangi bir dış bağımlılık gerektirmemekte ve packages/csv-generate/dist/esm klasöründe bulunmaktadır.

ipucu

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

import {generate} from 'csv-generate/browser/esm';
// Veya
import {generate} from 'csv-generate/browser/esm/sync';

Vanilla JavaScript

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

• ./esm/generate.html
• ./esm/generate_sync.html

Express ile dosyaları şu şekilde açığa çıkarın:

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

HTML kodu şöyle görünür:

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

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

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

Webpack modül paketleyici

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

Modülünüzde, uygun csv-generate modülünü içe aktarın:

• ./generate.js:

  import {generate} from 'csv-generate/browser/esm';
• ./generate_sync.js:

  import {generate} from 'csv-generate/browser/esm/sync';

İlgili webpack yapılandırması şöyle görünür:

Webpack Yapılandırma Kodu

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