2016-04-17 24 views
1

webpackを使用してライブラリを作成しようとしています。私はrequire.ensureで私のメインファイル内のコード分割を使用しています。問題は、すべてのチャンクをベースURLから解決しようとすることです。それをエントリーポイントに関連付けることは可能ですか?例えばWebpackコード分割、相対URL

このファイルは、それが/dep.js代わりのnode_modules/mylib/dep.jsをロードしようrequire.ensure('./dep.js')をしたとき、私は

<script src="node_modules/mylib/index.js"> 

としての私のエントリ・ポイントを追加します。

私は<base>タグを操作して回避策を講じましたが、実際は醜いハックです。私はもっ​​と「ウェブパック」のソリューションがあるはずだと思う。

+1

https://webpack.github.io/docs/configuration.html#output-publicpathを試すことができますか? –

+0

それは動作します!どうか答えてください、私はそれを受け入れるようにします。私はこのオプションが必要でした: '__webpack_public_path__' – Martynas

+0

聞こえていいですね。回答を追加しました。うまくいけば十分にはっきりしています。 –

答えて

2

キーはpublicPath関連の設定です。実行時に__webpack_public_path__ = window.resourceBaseUrl;種類の宣言を使用して動的に設定できます。

+0

ここでは、この 'resourceBaseUrl'をサーバー側からグローバル変数に設定することをお勧めします。そうすれば、あなたのwebpackバンドルで使用できますか? – elQueFaltaba

+0

正しい。あなたはそのようなサーバーを通してそれを制御することができます。 –

+0

URLには末尾にスラッシュが必要です – haffla