Webpack with require.context

initializers:hello.js

console.log('initializer hello.js');

initializers:index.js

const importAll = (r) => r.keys().forEach(r)
const context = require.context('.', true, /\.js$/);

importAll(context);

console.log('initializer index.js');

packs:application.js

/* eslint no-console:0 */
// This file is automatically compiled by Webpack, along with any other files
// present in this directory. You're encouraged to place your actual application logic in
// a relevant structure within app/javascript and only use these pack files to reference
// that code so it'll be compiled.
//
// To reference this file, add <%= javascript_pack_tag 'application' %> to the appropriate
// layout file, like app/views/layouts/application.html.erb

import '../initializers';
console.log('Hello World from Webpacker')

webpack:output.js

// EXCERPT

/* 25 */
/*!*********************************************!*\
  !*** ./app/javascript/packs/application.js ***!
  \*********************************************/
/*! no exports provided */
/*! all exports used */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__initializers__ = __webpack_require__(/*! ../initializers */ 26);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__initializers___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__initializers__);
/* eslint no-console:0 */
// This file is automatically compiled by Webpack, along with any other files
// present in this directory. You're encouraged to place your actual application logic in
// a relevant structure within app/javascript and only use these pack files to reference
// that code so it'll be compiled.
//
// To reference this file, add <%= javascript_pack_tag 'application' %> to the appropriate
// layout file, like app/views/layouts/application.html.erb


console.log('Hello World from Webpacker');

/***/ }),
/* 26 */
/*!**********************************************!*\
  !*** ./app/javascript/initializers/index.js ***!
  \**********************************************/
/*! dynamic exports provided */
/*! all exports used */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
var importAll = function importAll(r) {
  return r.keys().forEach(r);
};
var context = __webpack_require__(/*! . */ 27);

importAll(context);

console.log('initializer index.js');

/***/ }),
/* 27 */
/*!*******************************************!*\
  !*** ./app/javascript/initializers \.js$ ***!
  \*******************************************/
/*! dynamic exports provided */
/*! all exports used */
/***/ (function(module, exports, __webpack_require__) {

var map = {
	"./hello.js": 28,
	"./index.js": 26
};
function webpackContext(req) {
	return __webpack_require__(webpackContextResolve(req));
};
function webpackContextResolve(req) {
	var id = map[req];
	if(!(id + 1)) // check for number or string
		throw new Error("Cannot find module '" + req + "'.");
	return id;
};
webpackContext.keys = function webpackContextKeys() {
	return Object.keys(map);
};
webpackContext.resolve = webpackContextResolve;
module.exports = webpackContext;
webpackContext.id = 27;

/***/ }),
/* 28 */
/*!**********************************************!*\
  !*** ./app/javascript/initializers/hello.js ***!
  \**********************************************/
/*! dynamic exports provided */
/*! all exports used */
/***/ (function(module, exports) {

console.log('initializer hello.js');

/***/ })
/******/ ]);