path.resolve
参考:
webpack.config.js で思った path.resolve って何のためにあるの? | koukiTips
webpack の output で __dirname より上の階層を指定したい – teratail
require.context
参考:
Dependency Management | Webpack [Official]
context · webpack/docs Wiki – GitHub
webpack/examples/require.context at master · webpack/webpack – GitHub
require.context を使って glob で require する
サブディレクトリを含めてまとめて require
を実行する。
function requireAll(r) { r.keys().forEach(r); } requireAll(require.context('./modules/', true, /\.js$/));
サブディレクトリは含めずにまとめて require
を実行する。
function requireAll(r) { r.keys().forEach(r); } requireAll(require.context('./modules/', false, /\.js$/));
参考:
Webpack でフォルダ内の全ファイルを一気に require する – Qiita
require.context | Webpack Documentaion [Official]
Import all files in folder · Issue #705 · rails/webpacker – GitHub
How to load all files in a directory using webpack without require statements – Stack Overflow
Solution: load independently compiled Webpack 2 bundles dynamically – Stack Overflow
How to require all .js files except `_test.js` in a directory? – Stack Overflow
深い階層のパスを簡潔に require する
const images = require.context('../images/static', true) const imagePath = (name) => images(name, true) const userImage = imagePath('./user.png') // => require('../images/static/user.png')
参考:
Import all files in folder · Issue #705 · rails/webpacker – GitHub
require.context を使って動的に読み込む
参考:
Dynamic Requires · Issue #118 · webpack/webpack – GitHub
require.resolve
参考:
what is require.resolve in webpack loader test – Stack Overflow