Hinzufügen von Knoten-Modul ember CLI-app

Möchte ich diese Node.js Modul https://www.npmjs.com/package/remarkable-regexp in meinem Ember-CLI-Anwendung.

Wie kann ich es verfügbar machen, um die Glut-Anwendung?

Ich habe es versucht, indem diese der Brocfile.js

app.import('node_modules/remarkable-regexp/index.js');

aber es nicht so:

Pfad oder Muster "node_modules/remarkable-regexp/index.js" nicht
passen Sie alle Dateien

  • Haben Sie installieren Sie das Modul durch npm install --save-dev remarkable-regexp ?
InformationsquelleAutor Hedge | 2015-01-28
  1. 18

    Seit remarkable-regexp ist eine npm-Modul, ich glaube, der beste Weg, zu integrieren, es mit ember-cli mithilfe ember-browserify.

    Innerhalb Ihrer ember-cli Anwendung, die Sie installieren können, das addon durch ausführen npm install --save-dev ember-browserify

    So können Sie importieren Sie die Module mit ES6 importieren, indem Sie mit npm:

    import Remarkable from 'npm:remarkable';
import Plugin from 'npm:remarkable-regexp';

var plugin = Plugin(
  //regexp to match
  /@(\w+)/,

  //this function will be called when something matches
  function(match, utils) {
    var url = 'http://example.org/u/' + match[1]

    return '<a href="' + utils.escape(url) + '">'
      + utils.escape(match[1])
      + '</a>'
  }
)

new Remarkable()
  .use(plugin)
  .render("hello @user")

//prints out:
//<p>hello <a href="http://example.org/u/user">user</a></p>
    • das klappte auch ganz gut, danke. Ich habe nur Angst vor der overhead in der Dateigröße und Verarbeitung-Zeit eingeführt, die von allen browserifys Abhängigkeiten.
    • wissen einen Weg, um es Arbeit in ember-cli-addon?
    • Browserify selbst ist ein Recht großes Projekt, aber mit ember-browserify Ihre Aufbau-Ausgabe nur vier Zeilen länger. Hier ist, was Hinzugefügt wird, Ihre app: hastebin.com/avukejoxid.js
    InformationsquelleAutor Marcio Junior
  2. 8

    ember-browserify ist eine gute Wahl für den Einsatz in apps, und es ist Arbeit, um zu versuchen, um zu ermöglichen Ember-CLI importieren NPM-Pakete ohne zusätzliche Hilfe.

    Jedoch, wenn Sie versuchen, diese Arbeit zu machen, die in beide addons und apps, die Sie können, nehmen einen etwas anderen Ansatz, die manuell zu ändern, die Brokkoli-Kette erstellen, um Ihre Knoten-Paket.

    Dies ist ein kurzes Beispiel, wie dies getan werden kann, in ein addon ist index.js Datei:

    var path = require('path');
var mergeTrees = require('broccoli-merge-trees');
var Funnel = require('broccoli-funnel');

module.exports = {
  name: 'my-addon',

  treeForVendor: function(tree) {
    var packagePath = path.dirname(require.resolve('node-package'));
    var packageTree = new Funnel(this.treeGenerator(packagePath), {
      srcDir: '/',
      destDir: 'node-package'
    });
    return mergeTrees([tree, packageTree]);
  },

  included: function(app) {
    this._super.included(app);

    if (app.import) {
      this.importDependencies(app);
    }
  },

  importDependencies: function(app) {
    app.import('vendor/node-package/index.js');
  }
};

    Eine ähnliche Technik kann verwendet werden, für die standard-apps. Wieder, diese Methode, wird bald ersetzt werden, wie die Ember CLI-team fügt Unterstützung für Node Module, so versuchen Sie, verwenden Sie es sparsam und halten bis zu Datum mit Ember CLI!

    • Das ist was für mich gearbeitet, weil ich brauchte, um zu importieren, npm-Modul in ein addon. Aber sahen diese Fehlermeldung: BroccoliMergeTrees: Erwartete Brokkoli Knoten, bekam undefiniert für inputNodes[0] Es ist da, weil die tree argument hat eine undefined Wert, verursacht eine Ausnahme in mergeTrees. Der code den ich geändert habe: ` var Knoten = [packageTree]; if (Baum) { Knoten.unshift(tree); } return mergeTrees(Knoten); `
    InformationsquelleAutor pzuraq
  3. 7

    Als der Ember-CLI 2.15.0, können Sie jetzt importieren von Knoten von Modulen direkt. Um zu demonstrieren, sicherzustellen, dass Ihre app ist auf Ember-CLI 2.15.0, versuchen Sie dann die Installation Moment.js:

    1. yarn add moment
    2. Hinzufügen app.import('node_modules/moment/moment.js') zu Ihrem ember-cli-build.js Datei.
    3. Können Sie nun Zugriff auf moment über die window Objekt: window.moment.
    4. (optional) Wenn Sie möchten, können import moment from 'moment' generieren Sie ein Anbieter shim. Sehen dieser link für details.

    Dies funktioniert nicht für node Module, die nicht eine einzige JavaScript-bundle (Sie müssen Bundles mithilfe der beschriebenen Methoden in andere Kommentare), aber es ist schon eine enorme Verbesserung.

    InformationsquelleAutor Jason Tu
  4. 3

    Den browserify Rauschen ist wahrscheinlich die bevorzugte Methode, aber ich gehackt um ihn herum durch das erstellen einer symbolischen Verknüpfung in der vendor-Ordner, etwa so:

    $ npm install --save-dev css.escape
$ cd vendor
$ ln -s ../node_modules/css.escape/css.escape.js css.escape.js

    dann

    //ember-cli-build.js
app.import('vendor/css.escape.js');
    • Sollte funktionieren, solange Sie nicht brauchen, um Unterstützung für Dateisysteme fehlen zuverlässige Unterstützung für symbolische links (z.B. Windows)
    • und was tun Sie, importieren Sie es in Ihrem component.js
    InformationsquelleAutor typeoneerror
  5. 1

    Aktualisieren Sie ember-cli v2.15.0-beta.1. Die neue version ermöglicht die Nutzung von app.import mit node_modules

    Für weitere Informationen überprüfen Sie die https://github.com/ember-cli/ember-cli/pull/7045

    InformationsquelleAutor Abdullah Dahmash
Schreibe einen Kommentar