[解決済み] webpack で require パスを解決する
2022-04-23 20:58:29
質問
webpackでモジュールのパスをどのように解決するか、まだ迷っています。今、私は書いています。
myfile = require('../../mydir/myfile.js')
と書きたいところですが
myfile = require('mydir/myfile.js')
と思っていたら
resolve.alias
を使用した類似の例を見るので、役に立つかもしれません。
{ xyz: "/some/dir" }
をエイリアスとして使用することができます。
require("xyz/file.js")
.
しかし、エイリアスを
{ mydir: '/absolute/path/mydir' }
,
require('mydir/myfile.js')
は動作しません。
何度もドキュメントを読みましたが、何か足りない気がして、馬鹿みたいです。
という相対的な要求をすべて書かないようにするには、どうしたらいいのでしょうか?
../../
等を教えてください。
解決方法は?
Webpack >2.0
参照 wtkの回答 .
Webpack 1.0
もっと簡単な方法は、resolve.root を使うことです。
http://webpack.github.io/docs/configuration.html#resolve-root
resolve.root
モジュールを格納するディレクトリ(絶対パス)。ディレクトリの配列でもかまいません。この設定は、個々のディレクトリを検索パスに追加するために使用されるべきです。
あなたの場合
webpackの設定
var path = require('path');
// ...
resolve: {
root: path.resolve('./mydir'),
extensions: ['', '.js']
}
消費型モジュール
require('myfile')
または
require('myfile.js')
も参照してください。 http://webpack.github.io/docs/configuration.html#resolve-modulesdirectories
関連
-
[解決済み】Node.jsで "Cannot find module "エラーを解決するには?
-
[解決済み】「.addEventListener is not a function」なぜこのエラーが発生するのか?
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] JavaScriptで現在のURLを取得する?
-
[解決済み] JavaScriptで要素のクラスを変更するにはどうすればよいですか?
-
[解決済み] jQueryでページを更新するにはどうすればよいですか?
-
[解決済み] jQueryで要素にスクロールする
-
[解決済み] jQueryで入力を無効化/有効化する?
-
[解決済み] JavaScriptで2つの日付を比較する
-
[解決済み】Node.jsのrequireとES6のimport/exportを使い分ける。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
JSアレイループと効率解析の比較
-
JavaScriptにおけるマクロタスクとミクロタスクの詳細
-
WeChatアプレット用ユニアプリによるグローバルシェアリング
-
vueはopenlayersを使用してスカイマップとガオードマップをロードする
-
VUEグローバルフィルターの概念と留意点、基本的な使い方
-
vueにおけるfilterの適用シーンについて解説します。
-
Vueのイベント処理とイベントモディファイアの解説
-
[解決済み】ExpressJS - throw er Unhandled errorイベント
-
HTML5 LocalStorage ローカルストレージとセッションストレージの使用法
-
JavaScriptのgetElementById、getElementsByTagNam、getElementsByClassNameの違いと使い方