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 Loading | SurviveJS

Dynamic Requires · Issue #118 · webpack/webpack – GitHub

require.resolve

参考:

what is require.resolve in webpack loader test – Stack Overflow

タグ:

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です