Después de la compilación del archivo Javascript con Browserify/Babel (preset-end) o Rollup.js, no hay respuesta del script en el navegador. Lo que quiero hacer es escribir un script que incluya node_modules y transpilarlo en un navegador Javascript compatible.

La configuración que usé con Gulp:

 function babel_client() { return src('./client/js/Controller_ui.js') .pipe(babel({ presets: [ [ "@babel/preset-env", { "useBuiltIns": "usage", "corejs": "3.10.0" } ] ] })) .pipe(dest('build/')); } function rollup_client() { return src('./client/js/Controller_ui.js') .pipe(rollup({ input: './client/js/Controller_ui.js', external: ['jquery'], output: { format: 'iife', globals: { jquery: '$' } } })) .pipe(dest('./build')); } function lint_client() { return src('./client/js/Controller_ui.js') .pipe(jshint()); } function browserify_client() { return src('./build/Controller_ui.js') .pipe(browserify({ insertGlobals: true })) .pipe(rename('Controller_uix.js')) .pipe(dest('./public')); } exports.browserify = series(lint_client, rollup_client, browserify_client); exports.build = series(lint_client, rollup_client, node_server, browserify_client);

Usuario del archivo Controller_ui.js por función rollup_client o babel_client

 'use strict'; //var $ = require('jquery'); import $ from 'jquery'; window.$ = $; console.log(window); $(window).ready(function () { console.log('aaäö'); });

el archivo de transpilación se ve así

 (function ($) { 'use strict'; $ = $ && $.hasOwnProperty('default') ? $['default'] : $; window.$ = $; console.log(window); $(window).ready(function () { console.log('aaäö'); }); }($));

se ve bien, parece estar envuelto en una función, por lo que el navegador no mostrará el contenido de la función a menos que se llame. Además, si el complemento jquery se incluye con browserify, todavía no hay respuesta del navegador.

¿Cuál será la mejor resolución en este sentido, Bower?