Articles of browserify

Uso de browserify para empaquetar componentes React

Estoy tratando de aprender browserify para administrar mi javascript. Mi primera tarea simple es crear un archivo react.js que será generado por gulp + browserify var browserify = require(‘gulp-browserify’); gulp.task(‘browserify-react’, function () { return gulp.src(‘js/react/react.js’) .pipe(browserify()) .pipe(rename(‘react-generated.js’)) .pipe(gulp.dest(‘./dist’)); }); En js / react / creé un archivo react.js que es solo dos comandos requieren: var […]

Haciendo que mi instancia de Vue sea global al usar Browserify para que las herramientas de desarrollador estén disponibles

Estoy empezando a aprender un montón de nuevas herramientas de front-end, específicamente Vue.js, Gulp, Node, Babel y Browserify. Lo tengo todo funcionando, pero me encuentro con un problema donde la instancia de Vue que estoy creando para mi aplicación no es global y debido a eso (supongo) pierdo el acceso a las herramientas de Vue […]

Cobertura de códigos Karma / Istanbul no encuentra funciones y siempre devuelve 100%

Estoy intentando agregar cobertura de código para mis testings de Karma, sin embargo, aunque encuentra los files JS correctos que estoy probando, no encuentra las funciones dentro de esos files. De acuerdo con lo que he leído hasta ahora, creo que tiene que ver con que los files no se han hojeado correctamente antes de […]

Evite que browserify incluya las dependencies del module

Me gustaría usar mi module NodeJS en el browser, entonces estoy usando browserify para procesarlo. Ahora, ¿cómo puedo evitar que browserify incluya las dependencies del module en el file del package? En este caso, la dependencia es lodash y la lodash por separado en index.html . Esto es lo que tengo hasta ahora: index.html <script […]

Piping browserify con uglify y exorcist en scripts npm

Necesito ayuda para ejecutar una cadena de commands en scripts npm cuando construyo una aplicación js . En este momento estoy ejecutando esta línea: "scripts": { "build-js": "browserify src/app/main.js –debug | exorcist dist/app.js.map > dist/app.js", } Eso explora y extrae los maps de origen. Pero también me gustaría uglifyjs2 con uglifyjs2 . ¿Cómo canalizo uglifyjs […]

¿Cómo include jQuery en AngularJS al usar browserify?

Estoy usando node, gulp y browserify para get mis files JS en el order correcto y administrar los modules. Tengo jQuery y AngularJS instalados como modules de nodos y los necesito cuando sea necesario. Angular de forma pnetworkingeterminada usa jqLite para manejar elementos DOM. Sé que cuando jQuery se carga antes de AngularJS, Angular usará […]

Vueify + Elixir + Hotloading – UnEught TypeError: no se puede leer la propiedad 'indexOf' de undefined

Configuré Elixir para usar Vueify con el complemento de recarga en caliente. Todo comstack bien pero recibo un error de console en mi file comstackdo y el componente Vue no parece transformarse en html, aún muestra las tags <app></app> . Si elimino el complemento de recarga en caliente del elixir, la página se mostrará bien. […]

Browserify – Evite la salida de routes absolutas

En mi proyecto, estoy usando Browserify (programáticamente con gulp). En mi file javascript principal, estoy requiriendo los modules A y B. A también usa B. En el resultado de Browserify, puedo encontrar la ruta absoluta al module A. La salida se ve así: !function t(n,o,r){function e(s,a){if(!o[s]){if(!n[s]){var u="function"==typeof require&&require;if(!a&&u)return u(s,!0);if(i)return i(s,!0);var c=new Error("Cannot find module '"+s+"'");throw […]

¿Cómo se usa `require` y la dependency injection, la location del service en JS (del lado del browser)?

Así que he estado jugando con JS y browserify para permitir dividir mi JS en trozos de files más pequeños. Funciona muy bien, sin embargo, todavía estoy perdido en cómo usar correctamente la function de require . Para mí, actúa como el Localizador de services, ya que busca el "file" adecuado para cargar y devolver […]

¿Cómo resisto / me burlo del método de una dependencia copydo de "superclass" con sinon

Estoy teniendo problemas para probar Store in flux, y quiero desconectar al despachador. He visto cómo se hace con bromas , pero quiero lograr lo mismo con sinon. Esto es lo que tengo Fuente Lib / Dispatcher . Código completo aquí var invariant = require('./invariant'); //… function Dispatcher() { this.$Dispatcher_callbacks = {}; } Dispatcher.prototype.register=function(callback) { […]