resolve の設定 [Webpack]

パスの解決

参考：

module resolution | Webpack [Official]

resolving · webpack/docs Wiki – GitHub

resolve.alias

モジュールのパスを別名によって置き換える設定

参考：

Webpack を使っていてファイルの相対パスを書くのがつらくなったとき | kitak’s blog

webpack の alias を Vue 単一コンポーネントの style 内で使用する方法 | 零弐壱蜂

resolve.alias | Webpack [Official]

resolve.extensions

パスの解決時に補う拡張子を指定する。

参考：

Resolve common file extensions | A beginner’s guide to Webpack 2

resolve.extensions | Webpack [Official]

resolve.modules

require もしくは import の際にモジュールを探索するパスを設定する。

参考：

Webpack でパス解決を幸せにする | 株式会社BEFOOL ブログ

モジュールのパスを絶対パスで指定する方法 | zukucode

webpack で node_modules 配下の css を import するときの path にチルダを入れる | development log

Webpack を使う時は、resolve.modules の設定に気を付けよう。(特に Module not found: Error: Can’t resolve ～ が表示された時) – Qiita

resolve.modules | Webpack [Official]

resolveLoader

ローダーの実行モジュールを探索するパスを指定する。

参考：

resolveLoader – Resolve | Webpack [Official]

Custom loaders directory aka resolveLoader for webpack2? · Issue #3066 · webpack/webpack – GitHub

Resolve NODE_PATH by default · Issue #4479 · webpack/webpack – GitHub

プラグイン

参考：

React で絶対パスによる import を使いたい | Webエンジニアの備忘録

Webpack で TypeScript のモジュール解決 | エフアンダーバー

エラー

参考：

Webpack doesn’t seem to find module when absolute context path is not based off current directory · Issue #223 · webpack/webpack – GitHub

カスタムリゾルバーを使う

参考：

Pluggable resolvers? · Issue #110 · webpack/webpack – GitHub

custom module/loader resolution – callbacks in resolve.modules? · Issue #4327 · webpack/webpack – GitHub

Is it possible to create custom resolver in webpack? – Stack Overflow

beforeResolve

参考：

Rewrite file path before loader works · Issue #1090 · webpack/webpack – GitHub

webpack/NormalModuleReplacementPlugin.js at master · webpack/webpack – GitHub

ResolverPlugin

参考：

ResolverPlugin – list of plugins · webpack/docs Wiki – GitHub

NormalModuleReplacementPlugin

参考：

webpack/NormalModuleReplacementPlugin.js at master · webpack/webpack – GitHub

NormalModuleReplacementPlugin | Webpack [Official]

enhanced-resolve

参考：

webpack/enhanced-resolve: Offers an async require.resolve function. It’s highly configurable – GitHub

component-resolver-webpack

参考：

toptal/component-resolver-webpack: Webpack plugin that simplifies process of components loading – GitHub