Tag: browserify

Browserify ist ein tool, das die Pakete Node.js Module für web-browser.

ui.bootstrap tooltips aufgehört zu arbeiten

Anzahl der Antworten 4 Antworten
Herausfinden können, warum würde das passieren. Andere Richtlinien aus ui.bootstrap-Arbeit: alert, progressbar usw. Noch popovers und tooltips für einige Grund aufgehört zu arbeiten. Hatte jemand dieses problem? Ich hatte ein problem vor - wenn aus irgendeinem Grund

Relative Pfade im Paket.json?

Anzahl der Antworten 2 Antworten
Ich habe ein Projekt, wo src/main/webapp/com/mycompany/frontend/page/index.js hängt target/webjars/log4javascript/1.4.10/log4javascript.js. Habe ich package.json neben index.js mit folgendem Inhalt: { "browser": { "log4javascript": "../../../../../../../target/webjars/log4javascript/1.4.10/log4javascript.js" } } Habe ich viele andere Abhängigkeiten in der target - Verzeichnis. Gibt es eine Möglichkeit

Gulp + babelify + browserify Problem

Anzahl der Antworten 1 Antworten
Ich versuche zu schaffen, einen Schluck Aufgabe mit browserify und babelify. Hier ist die Aufgabe: var gulp = require('gulp'); var browserify = require('gulp-browserify'); var source = require('vinyl-source-stream'); var babelify = require('babelify'); gulp.task('js', function () { browserify('./resources/js/*.js') .transform(babelify)

Singleton-Muster mit Browserify/CommonJS

Anzahl der Antworten 2 Antworten
Versucht zu implementieren das singleton-pattern innerhalb der CommonJS-Module, mit Browserify. Bisher: //foo.js var instance = null; var Foo = function(){ if(instance){ return instance; } this.num = 0; return instance = new Foo(); } Foo.prototype.adder = function(){ this.num++;

NPM-installation Fehler

Anzahl der Antworten 2 Antworten
Ich habe versucht die Installation von browserify (npm-Modul).. ich bekam folgende Fehler- praful@ubuntu:~/terminalcloud$ npm install -g browserify npm http GET https://registry.npmjs.org/browserify npm ERR! Error: failed to fetch from registry: browserify npm ERR! at /usr/share/npm/lib/utils/npm-registry-client/get.js:139:12 npm ERR! at

Zu halten, wie Browserify-bundle-Größe sinnvoll bei der Verwendung verlangt, für fremde Sachen (über Grunzen, wenn es darauf ankommt)

Anzahl der Antworten 4 Antworten
Ich versuche, zu bündeln meinem eigenen code (A) der wiederum arbeitet mit 2 Komponenten von Drittanbietern (B und C), wo C muss auch B. Alles, soweit ich weiß, ist geschrieben, mit CommonJS-Knoten Stil Module. Einen auf seine

Browserify-import/benötigen?

Anzahl der Antworten 1 Antworten
Ich versuche zu Holen browserify und wurden durch eine Reihe von Beispielen. In einem Beispiel sehe ich die Verwendung 'import': import 'jquery'; importieren und lokale Dateien mit: import Header from './Header'; aber in den anderen Beispielen, die

gulp browserify reactify Aufgabe ist ziemlich langsam

Anzahl der Antworten 3 Antworten
Ich bin mit Schlucken als meine Aufgabe Läufer und browserify zu bündeln, mein CommonJs-Module. Habe ich bemerkt, dass das laufen meine browserify Aufgabe ist ziemlich langsam, es dauert etwa 2 - 3 Sekunden, und alles, was ich

So importieren Sie einen Teil des Objekts in ES6-Module

Anzahl der Antworten 2 Antworten
In der reagieren, Dokumentation ich fand diese Art und Weise zu importieren PureRenderMixin var PureRenderMixin = require('react/addons').addons.PureRenderMixin; Wie kann es sein umgeschrieben in ES6-Stil. Das einzige, was ich tun kann, ist: import addons from "react/addons"; let PureRenderMixin

Wie Prozess eingestellt.env vor einem browserified Skript ausgeführt wird?

Anzahl der Antworten 5 Antworten
Den ersten html kommt aus dem back-end. Der server hat eine definierte process.env.NODE_ENV (sowie andere Umgebungsvariablen). Die browserified code ist einmal gebaut und läuft auf verschiedenen Umgebungen ( staging , production usw.), so ist es nicht möglich,

Deaktivieren chrome reagieren DevTools für die Produktion

Anzahl der Antworten 3 Antworten
Ich versuche, browserify meine reagieren-app für die Produktion mit schlucken und envify setup NODE_ENV. Also ich kann entfernen Sie reagieren, warning, error reporting in der Konsole, und auch mein code so deaktivieren Sie einige Funktionen, wie das

Wie kann ich ausschließen, den "require('reagieren')" aus meiner Browserified bundle?

Anzahl der Antworten 4 Antworten
Ich bin mit Browserify zu bündeln, eine ReactJS Anwendung. Alle meine Komponenten gehören ein require("react") an der Spitze. Dies bewirkt, dass Browserify gehören die ReactJS Quelle in meinem Bündel. Aber ich möchte es ausschließen. Wie mache ich

Kompilieren dynamisch erforderlichen Module mit Browserify

Anzahl der Antworten 3 Antworten
Ich bin mit Browserify zu kompilieren einer großen Node.js Anwendung in einer einzigen Datei (mit Optionen --bare und --ignore-missing [um zu vermeiden, Probleme mit lib-cov im Express]). Ich habe einige code, um das dynamische laden von Modulen,

mit jquery browserify

Anzahl der Antworten 3 Antworten
Ich versuche jQuery mit browserify mit dem Modul jquery-browserify. Muß ich das Modul in meinem client.js Skript als solche: var $ = require('jquery-browserify'); und wenn ich meine-node-server, nachdem ich lief browserify, bekomme ich ein "Fenster" ist nicht

SyntaxError: 'import' und 'export' erscheinen können, nur mit "sourceType: Modul' - Warten Sie, was?

Anzahl der Antworten 8 Antworten
So betrachten Sie die folgenden zwei Dateien: app.js import Game from './game/game'; import React from 'react'; import ReactDOM from 'react-dom'; export default (absPath) => { let gameElement = document.getElementById("container"); if (gameElement !== null) { ReactDOM.render( <Game mainPath={absPath}

So importieren Sie ein npm-Paket in ein angular2 Komponente?

Anzahl der Antworten 1 Antworten
Ich versuche zu lernen, die Seile von ng2 und die depedency injection system is killing me. Bin ich mit dem ng quickstart aus: https://github.com/angular/quickstart/blob/master/README.md Ich versuche zu importieren, dieses Paket in der app: https://www.npmjs.com/package/arpad. Ich installiert das

Wie setzen 'benötigen', um den browser beim Einsatz von browserify innerhalb von gulp?

Anzahl der Antworten 2 Antworten
Wenn ich eine Datei x.js sieht wie folgt aus: x.js module.exports = function (n) { return n * 111 } und ich browserify laufen von der Befehlszeile aus wie folgt: browserify -r ./x.js > bundle.js Bekomme ich

Browserify, Babel 6, Schluck - Unerwartetes token spread-operator

Anzahl der Antworten 3 Antworten
Ich versuche, mein Browserify/Babelify/Gulp die Arbeit in meinem Projekt, aber es wird nicht nehmen Sie den spread-operator. Bekam ich diese Fehlermeldung von meinem gulpfile: [SyntaxError: /Users/mboutin2/Desktop/Todo-tutorial/src/reducers/grocery-list-reducers.js: Unexpected token (16:8) while parsing file: /Users/mboutin2/Desktop/Todo-tutorial/src/reducers/grocery-list-reducers.js] Dies ist mein gulpfile.js

Umschalten zwischen Komponenten Reagieren JS

Anzahl der Antworten 2 Antworten
Ich möchte erstellen Sie eine einfache Durchfluss -, mit 2-Komponenten. Die erste Komponente gerendert wird, habe ich auf eine Taste und diese Aktion machen die zweite Komponente. Klicken Sie auf die Schaltfläche aus der zweiten Komponente, es

Uncaught ReferenceError: require definiert ist, nicht über karma starten karma.conf.js

Anzahl der Antworten 2 Antworten
Mit Karma und Jasmine für unit-Tests auf die kantige front-end einer rails-app. Es scheint, ich habe alles getan, was auf den Menschen bekannt, um diese Fehler und ich bin Links mit einer million Abhängigkeiten in meinem Paket.json.

Nicht finden können Modul 'browserify'

Anzahl der Antworten 3 Antworten
Ich bin immer diese Fehlermeldung: Error: Cannot find module 'browserify' Wenn ich diese Zeile in meine app/server.js Datei: var browserify = require('browserify'); Nun bin ich noch neu zu Knoten, aber ich denke, installierte ich es richtig, über

Node JS fs-Modul im inneren browser

Anzahl der Antworten 2 Antworten
Ich habe ein Szenario, in dem ich die zu exportierenden Daten im CSV-Format von der client-Seite. Ich habe eine textbox/- Bereich, oder was auch immer, wo der Benutzer kann Eingabedaten, und dann im Idealfall mit nur einem

Gulp mit browserify: Cannot find-Modul src/js/main.js

Anzahl der Antworten 1 Antworten
Ich versuche, eine grundlegende build-über Gulp und browserify, aber sehen immer diesen Fehler beim ausführen der Standard-task: Error: Cannot find module 'src/js/main.js' from '/Users/ben/dev/git/myapp/' gulpfile.js var gulp = require('gulp'); var browserify = require('browserify'); var del = require('del');

Wie zu verwenden Schluck zu bauen JavaScript bundles?

Anzahl der Antworten 2 Antworten
Möchte ich gulp zu bauen Bündel von JavaScript-Dateien. Ich habe z.B. die folgende Struktur in meinem Projekt: /vendor/vendor1/vendor1.js /vendor/vendor2/vendor2.js /js/includes/include1.js /js/includes/include2.js /js/bundle1.js /js/bundle2.js Gibt es Hersteller (1-2), lokale umfasst (3-4), und bundle-Dateien (5-6). Hersteller sind nur third-party

babelify 6 mit browserify und die es2015 Voreinstellung nicht funktioniert

Anzahl der Antworten 2 Antworten
Ich bin versucht, das neue babel release, und während man versucht, die es2015 preset babel scheint nicht in der Lage sein zu verstehen, Pfeil-Funktionen? Mein setup auf pre-babel6 war wie folgt: transform: [['babelify', {sourceMap: false, stage: 0,

Shim-ein jQuery-plugin, mit browserify

Anzahl der Antworten 3 Antworten
Hallo, ich bin mit dem Grunzen browserify Aufgabe zu meine setup-code, ich habe shimmed in jQuery und ich bin jetzt versucht zu zählen jquery.tablesorter. Können die jquery-plugins verwendet werden, mit browserify auf diese Weise? shim: { jquery:

Browserify mit jQuery >= 2 erzeugt "jQuery benötigt ein Fenster mit einem Dokument"

Anzahl der Antworten 5 Antworten
Ich bin mit browserify zu bündeln, meine front-end-javascript mit CommonJS-Stil Abhängigkeiten. Ich habe zum Beispiel: $ = require('jquery/dist/jquery'); //v2.1.0-beta2 _ = require('underscore'); Backbone = require('backbone'); Jedoch, wenn browserify bündelt die Abhängigkeiten, die ich laufen in der Konsole

Node.js Dokument ist nicht definiert

Anzahl der Antworten 4 Antworten
Warum node.js nicht erkennt-Dokument.GetElementById? Er sagt: "ReferenceError: document ist nicht definiert'. Was kann ich tun? ReferenceError: document is not defined at Object.<anonymous> (C:\Users\Desktop\main.js:9:18) at Module._compile (module.js:460:26) at Object.Module._extensions..js (module.js:478:10) at Module.load (module.js:355:32) at Function.Module._load (module.js:310:12) at Function.Module.runMain

Global erfordern mit Browserify v2

Anzahl der Antworten 1 Antworten
Will ich mit Browserify zu bündeln, meine Dateien, aber ich müssen dann auf verlangen eines der Module innerhalb meiner Browserify gebündelt bundle.js auf der HTML-Seite selbst. Dies ist derzeit nicht möglich, da es keine require definierte Funktion

browserify-Modul nicht finden kann 'react'

Anzahl der Antworten 1 Antworten
Habe ich dieses Stück reagieren-code genannt main.js: var React = require('react'); var Comment = React.createClass({ render: function(){ return ( <div className="comment"> <h2 className="commentAuthor"> {this.props.author} </h2> <span dangerouslySetInnerHTML={{__html:marked(this.props.children.toString(), {sanitize:true})}} /> </div> ); } }); Und ich versuche, mit

Wie kann ich sehen, mehrere Dateien mit gulp-browserify aber der Prozess nur ein?

Anzahl der Antworten 3 Antworten
Ich versuche zu verdrahten gulp-browserify und gulp-Uhr wieder aufzubauen mein Bündel jedes mal, wenn eine Quelldatei geändert wird. Allerdings gulp-browserify erfordert eine einzige Anlaufstelle für die Zusammenstellung (z.B. src/js/app.js) und holt sich jede Abhängigkeit selbst: gulp.src('src/js/app.js') .pipe(browserify())

Browserify-Modul nicht finden kann, wenn Sie versuchen, zu bündeln viele js-Dateien

Anzahl der Antworten 3 Antworten
Dies ist mein Erster Tag tun, Knoten, ich habe einige Probleme, die versuchen, zu bündeln einige js-Dateien. MyFolder |-- app (folder) | |-- Collections (contains: movies.js) | |-- Models (contains: movie.js) | |-- node_modules |-- main.js |--

Was ist die Verwendung von Export / Modul.Exporte?

Anzahl der Antworten 1 Antworten
Heute habe ich die Annahme Browserify für meine AngularJS Projekt, aber es ist etwas, das ist sehr unklar für mich. In allen Beispielen und blog-posts, die ich gesehen habe, Sachen wie diese: /app.js: require('./messages'); angular.module('sling', ['sling.messages']); /messages/index.js:

Erhalt 'Error: Cannot find module' mit browserify, Schluck, react.js

Anzahl der Antworten 3 Antworten
Also ich habe das Spiel mit React.js, gulp und browserify. Alles funktioniert Super, bis ich versuche, benötigen Sie ein Modul in meine main.js - Datei. Ich bin erfordern Komponenten/Module in anderen Dateien ist kein problem (siehe unten),

Holen Sie sich browserify erfordern Pfade zu Verhalten, wie requirejs

Anzahl der Antworten 3 Antworten
Ich finde, es ist ein Schmerz, beim bewegen, um die Dateien und das ständige umschreiben der Datei include-Pfade relativ zu Ihrem neuen Ordner. Möchte ich vermeiden, diese in meiner browserify-code: var View = require('../../../../base/view'); Tun und etwas

Mehrere Reagieren-Komponenten in einem einzigen Modul

Anzahl der Antworten 4 Antworten
Ich bin neu in der ganzen browserify Sache. Ich habe versucht, zu verwenden browserify + reactify + Schluck zu transformieren, zu minifizieren und zu kombinieren, die eine Anwendung Reagieren. Solange ich ein Einzelzimmer React.createClass mit einem einzigen

Wie verwalte ich den relativen Pfad aliasing in mehreren grunt-browserify-bundles?

Anzahl der Antworten 4 Antworten
Dies ist bisschen lang, aber ich brauche den code Beispiel für meine Verwirrung. Nach dem ich bin daran interessiert, die Antwort für die folgenden: Wie verwende ich require('module') statt require('../../src/module') oder require('./module')? Wie kann ich die Wiederverwendung

Einfache Lösung zum teilen von Modulen geladen, die über NPM über mehrere Browserify oder Webpack-bundles

Anzahl der Antworten 3 Antworten
Mein Haar ziehen hier auf der Suche nach einem einfach Lösung, um code gemeinsam zu nutzen, erforderlich, die über NPM, über mehrere Browserify oder Webpack-Pakete. Denken, ist es so etwas wie eine Datei, die "Brücke"? Dies ist

Browserify - mehrere Einstiegspunkte

Anzahl der Antworten 4 Antworten
Ich bin mit Browserify innerhalb von gulp. Ich bin versucht zu kompilieren unten meine tests in einer einzigen Datei als gut. Aber im Gegensatz zu meiner Haupt-app, mit der ich gut arbeiten, ich habe Probleme damit, die

Browserify mit require('fs')

Anzahl der Antworten 4 Antworten
Ich versuchte zu verwenden browserify auf eine Datei, die verwendet die fs-Objekt. Wenn ich browserify es, den Aufruf von require('fs') nicht verwandelt und require zurück {}. Gibt es Abhilfe für dieses? Ich habe gesehen, einige Vorschläge auf

Warum muss ich verwenden vinyl-source-stream mit gulp?

Anzahl der Antworten 2 Antworten
Ich versuche, mit gulp und browserify zu verwandeln, meine .jsx Dateien in .js - Dateien. var gulp = require('gulp'); var browserify = require('browserify'); var reactify = require('reactify'); gulp.task('js', function () { browserify('public/javascripts/src/app.jsx') .transform(reactify) .bundle() .pipe(gulp.dest('public/javascripts/dist')) }); ``

Verwenden von Bootstrap 3.0 mit Browserify

Anzahl der Antworten 3 Antworten
Ich versuche die Verwendung von Bootstrap 3.0 mit Browserify 5.9.1, aber immer die folgende Fehlermeldung: Uncaught ReferenceError: jQuery is not defined Was ist der richtige Weg, dies zu tun? Hier sind die maßgeblich Teile von mein Paket.json:

Ist es in Ordnung, babel-node in der Produktion zu verwenden?

Anzahl der Antworten 4 Antworten
Ich habe die Entwicklung einer Website mit babel-Knoten und browserify mit der babelify transformieren, zu unterstützen ES6-syntax. ich Frage mich nur, kann ich diese in der Produktion babel-node server anstatt node server Welche anderen Möglichkeiten habe ich,

Wie speichere ich mit Gulp.js einen Stream in mehrere Ziele?

Anzahl der Antworten 5 Antworten
var gulp = require('gulp'); var $ = require('gulp-load-plugins')(); var source = require('vinyl-source-stream'); var browserify = require('browserify'); gulp.task('scripts', function () { return browserify('./src/app.js').bundle() .pipe(source('app.js')) .pipe(gulp.dest('./build')) //OK. app.js is saved. .pipe($.rename('app.min.js')) .pipe($.streamify($.uglify()) .pipe(gulp.dest('./build')); //Fail. app.min.js is not saved. });

Mit gulp-browserify für meine React.js-Module bekomme ich "require is not defined" im Browser

Anzahl der Antworten 6 Antworten
Ich versuche, Schluck-browserify zu generieren bundle.js die Datei, die aufgenommen werden können, um die client-browser und beginnen rendering-Komponenten Reagieren. Hier ist meine App.js Datei: /** @jsx React.DOM */ var React = require('react'); var App = React.createClass({ render:

wie man mehrere bundles mit browserify und gulp ausgibt

Anzahl der Antworten 3 Antworten
Habe ich browserify Bündelung Dateien und es funktioniert Super. Aber was ist, wenn ich brauche, um erstellen Sie mehrere bundles? Möchte ich am Ende mit dist/appBundle.js und dist/publicBundle.js gulp.task("js", function(){ return browserify([ "./js/app.js", "./js/public.js" ]) .bundle() .pipe(source("bundle.js"))

Browserify, Babel 6, Gulp - Unerwartetes Token auf dem Spread-Operator

Anzahl der Antworten 3 Antworten
Ich versuche, mein Browserify/Babelify/Gulp die Arbeit in meinem Projekt, aber es wird nicht nehmen Sie den spread-operator. Bekam ich diese Fehlermeldung von meinem gulpfile: [SyntaxError: /Users/mboutin2/Desktop/Todo-tutorial/src/reducers/grocery-list-reducers.js: Unexpected token (16:8) while parsing file: /Users/mboutin2/Desktop/Todo-tutorial/src/reducers/grocery-list-reducers.js] Dies ist mein gulpfile.js

Globale Variable für Browserify definieren

Anzahl der Antworten 2 Antworten
Ich bin mit SpineJS (die Exporte ein commonjs-Modul), und es muss weltweit erhältlich sein, weil ich es überall verwenden, aber Es scheint, wie ich zu tun haben Spine = require('spine') auf jede Datei, die verwendet Wirbelsäule für

Reagieren - Es ist eine eingeschränkte Ausnahme eingetreten

Anzahl der Antworten 9 Antworten
Ich Reagieren js installiert über NPM und mit browserify zu verwalten Komponenten reagieren. Wenn eine Ausnahme Auftritt in Reagieren, zeigt die Konsole als "Nicht abgefangener Fehler: Minified Ausnahme aufgetreten ist; die nicht-minified dev Umgebung für die vollständige

Wie importiert man jQuery mit der ES6-Syntax?

Anzahl der Antworten 9 Antworten
Schreibe ich eine neue app mit (JavaScript) ES6 syntax durch babel transpiler und die preset-es2015 plugins, sowie semantic-ui für den Stil. index.js import * as stylesheet from '../assets/styles/app.scss'; import * as jquery2 from '../dist/scripts/jquery.min'; import * as