2016-05-10 9 views
0

Mein Brunch-cofnig:Wie kann ich auf eine Funktion zugreifen, die in einem Namespace ohne Brunch ohne "wrapper: false" enthalten ist?

npm: { 
    enabled: true, 
    whitelist: ["jquery"], 
    globals: { 
    $: "jquery", 
    jQuery: "jquery" 
    } 
} 

In einer einfachen HTML-statische Web-Anwendung, die ich x-editierbar sehr easialy verwenden kann. Doch in meinem Web-Framework (Elixier) Ich habe aus irgendeinem Grund einen Brunch verwenden und dieser Code nicht mehr funktioniert:

$.fn.editable.defaults.mode = "popup"; 
$(".editable").editable(); 

weil X-editierbar durch

in eine Funktion eingewickelt
require.register("web/static/js/bootstrap-editable.min.js", function(exports, require, module) { 

und andere Funktionen von anderen js-Dateien auch.

Ich habe verschiedene Dinge ausprobiert, ohne Erfolg, darauf zuzugreifen, zum Beispiel:

$(".editable").require("web/static/js/bootstrap-editable.min.js").editable(); 
// note that $ is visible here 

Wie kann ich es bekommen, ohne die Flagge „Wrapper: false“ zu arbeiten, in dem Brunch Config?

Die Frage ist etwa x-editierbar, sondern auch im Allgemeinen Ich möchte wissen, wie man mit dieser Art von Fragen in Brunch mit anderen js Bibliotheken beschäftigen.

Antwort

1

sollten Sie in der Lage sein, die Bibliothek zu importieren/erfordern. Dadurch wird der Code ausgeführt (in diesem Fall wird das JQuery-Plugin registriert) und Sie können ihn verwenden.

import "web/static/js/bootstrap-editable.min.js" 
$.fn.editable.defaults.mode = "popup"; 
$(".editable").editable(); 
+0

'Uncaught SyntaxError: Unerwarteter Token-Import' – Ommonnna