./src/foo.js

 const foo = (foo) => { console.log(`foo: ${foo}`); } export default foo;

./src/bar.js

 import foo from './foo'; const bar = (bar) => { foo(bar); console.log(`bar: ${bar}`); } export default bar;

./src/index.ts

 import foo from './foo'; import bar from './bar'; if (test === 'foo') { foo('test === foo'); } if (test === 'bar') { bar('test === bar'); }

Con una configuración de resumen simple (solo configure la entrada y la salida), obtengo lo que quiero (js simple y claro incluido)

 const foo = (foo) => { console.log(`foo: ${foo}`); }; const bar = (bar) => { foo(bar); console.log(`bar: ${bar}`); }; if (test === 'foo') { foo('test === foo'); } if (test === 'bar') { bar('test === bar'); }

¿Puedo tener algo como esto a través de un paquete web? Lo más cercano que tengo es esta configuración

 const path = require('path'); module.exports = { mode: 'production', output: { filename: 'bundle.js', path: path.resolve(__dirname, 'webpackdist'), iife: false, }, optimization: { minimize: false, }, }

Eso produce este js incluido

 /******/ "use strict"; var __webpack_exports__ = {}; ;// CONCATENATED MODULE: ./src/foo.js const foo = (foo) => { console.log(`foo: ${foo}`); } /* harmony default export */ const src_foo = (foo); ;// CONCATENATED MODULE: ./src/bar.js const bar = (bar) => { src_foo(bar); console.log(`bar: ${bar}`); } /* harmony default export */ const src_bar = (bar); ;// CONCATENATED MODULE: ./src/index.js if (test === 'foo') { src_foo('test === foo'); } if (test === 'bar') { src_bar('test === bar'); }

pero no quiero

• comentarios del paquete web (pero deje comentarios de los archivos fuente)
• src_foo/src_bar
• __webpack_exports__