webpack loader module.exports seltsames Verhalten

Question

Ich schreibe einen benutzerdefinierten Webpack-Loader.

Es wandelt Lenker in Lenkervorlagen um, aber ich bekomme ein seltsames Problem beim Exportieren eines Objekts statt einer Funktion.

im Wesentlichen das funktioniert gut:

'module.exports = (Handlebars).template(' + source + ');' 

dies nicht gelingt: mit Fehlern (The partial foo could not be compiled when running in runtime-only mode):

'module.exports.compile = (Handlebars).template(' + source + ');' 

Wie ist es anders?

Answer 1

module.exports =() => { 
    compile: handlebars.template(templateSpec), 
    attributes: myFrontMatterData 
} 

Dies kann nicht funktionieren, weil es nicht gültig JavaScript ist und Sie sollten eine SyntaxError: Unexpected token : bekommen. Wenn Sie geschweifte Klammern verwenden, hat die Pfeilfunktion einen regulären Block Function body, der nicht implizit ein Objekt zurückgibt, sondern genau wie eine reguläre Funktion. Mit einem Blockkörper wäre die richtige Funktion sein:

module.exports =() => { 
    return { 
    compile: handlebars.template(templateSpec), 
    attributes: myFrontMatterData 
    } 
} 

Sie können nach wie vor Objektliterale als implizite Rendite verwenden, sondern weil geschweiften Klammern Blöcke zu signalisieren sind reserviert, müssen Sie die Objektliteral in Klammern wickeln (siehe auch Returning object literals):

module.exports =() => ({ 
    compile: handlebars.template(templateSpec), 
    attributes: myFrontMatterData 
}) 

Answer 2

Wer vorbeigeht, löste ich dadurch.