Dışa aktarılan bir işlevi babel ve webpack ile global kapsamda nasıl gösterir

Question

Dışa aktarılan işlevin global kapsamda kullanılabilmesi için kodumu webpack ve babel ile nasıl derlerim? Örneğin bu şekilde

:

export function test(){console.log('test')} 

window.test() altında kullanılabilir olmalı.

'use strict'; 

Object.defineProperty(exports, '__esModule', { 
    value: true 
}); 
exports.test = test; 

function test() { 
    console.log('test'); 
} 

ama webpack çıktı şuna benzer::

!function(e) { 
    function t(r) { 
    if (o[r])return o[r].exports; 
    var n = o[r] = {exports: {}, id: r, loaded: !1}; 
    return e[r].call(n.exports, n, n.exports, t), n.loaded = !0, n.exports 
    } 

    var o = {}; 
    return t.m = e, t.c = o, t.p = "", t(0) 
}([function(e, t) { 
    "use strict"; 
    function o() { 
    console.log("test") 
    } 

    Object.defineProperty(t, "__esModule", {value: !0}), t.test = o 
}]); 

test fonksiyon küresel kapsamda mevcut değildir sona

Sadece babel -d koşmak

ben beklediğiniz var.

Answer 1

teslim alma: Eğer sarmak istedikleri ismi ile kütüphane çıkış özelliğini ayarlayarak https://webpack.github.io/docs/library-and-externals.html#examples

senin globaller sonra çağrısında bulunma izni verecek: YourLibrary .test();

module.exports = { 
    entry: ['./_js/script.js'], 
    output: { 
     library: 'YourLibrary', 
     path: __dirname, 
     filename: './build/script.js' 
    }