Bagaimana untuk membina dan menggunakan perpustakaan JS pihak ke-3 anda sendiri dengan pek web?

Question

Ingin tahu bagaimana sesuatu seperti jQuery，React这些打包好的库加载之后可以在全局中使用$,jQuery和React来访问，想知道自己构建的库如何做到可以在全局中像React boleh digunakan secara global.

Saya mendapati bahawa selepas pembungkusan webpack, objek berkaitan yang ditakrifkan tidak dapat ditemui secara global sama sekali.

Answer 1

Bungkuskannya ke dalam perpustakaan, sila baca https://webpack.js.org/guides...

Answer 2

Selepas pek web dibungkus, semuanya ditutup Bagaimana ia boleh diakses secara global?

Untuk mendapatkan akses global, konfigurasi pek web baharu yang berkaitan.ProvidePlugin mesti ditambahkan pada pek web

Sebagai contoh

new webpack.ProvidePlugin({$: 'jquery', jQuery: 'jquery', 'window.jQuery': 'jquery'})

Answer 3

Secara amnya, hanya daftarkan objek utama anda (atau kelas) terus ke objek global Sebagai contoh, anda boleh meniru kaedah pendaftaran jQuery (mengalih keluar bahagian yang menentukan dokumen):

.

(function(global, factory) {
    "use strict";
    // 兼容模块化框架(主要是 AMD 框架)
    if (typeof module === "object" && typeof module.exports === "object") {
        module.exports = factory(global);
    } else {
        factory(global);
    }
})(typeof window !== "undefined" ? window : this, function(global) {
    // 这里是你的库代码
    global = MyLibEntry;
});

Jika anda mengamalkan kaedah penulisan modular, anda boleh menulis kod di atas pada modul penyertaan.