2017-07-05 7 views
0

"ベンダー"の依存関係(React、lodash、...)を持つWebpackバンドルを作成し、それらをWebアプリケーションで使用しようとしています。私が持っているブラウザでwebpackの一般的なチャンクを動的にロードする(requirejs付き)

問題は、私はいくつかの方法でそれを自分のページへ<script>タグとして私のvendor.jsファイルを追加したいのではなく、requireimportないということです。

は私が requirejsを使用してみましたが、エラーがでロードスクリプトを禁止CommonsChunkPlugin、によって定義されているもの、私はwebpackJsonpを読んでから、

webpackjsonpが定義されていないと言って来る続けますasync属性。

私の質問どのように私は動的にまだWebPACKのを使用している間、彼らは、を要求された場合にのみ依存関係(vendors.js、commons.js、...)を読み込むことができますか?

さらに詳しい情報:私はcommonjs設定(例:import {clone} from "lodash/clone")を使用してモジュールをロードする私の開発のための活字体を使用

事前にありがとうございます。

+0

es6インポートを使用します。 commonjsの構文は必要です –

+0

はい、私はTypescriptでes6のインポートを使用します。コンパイル時にes5に変換されます。 – Nsevens

答えて

0

code-splitting - require.ensureまたはimport()の組み込みWebpackを使用できます。

+0

これは私の(typescript)ソースを変更する必要があることを意味するでしょうか? – Nsevens

+0

@Nsevensはい。ソースコードで動的インポートを使用する必要があります。 –

+0

私はhtmlの 'require([" app "]、function(app){...})'のような方法を探していて、必要に応じて* vendors.js *をロードします。あなたがrequirejs でシムなどを使用するので、これは私にwebpackJsonpが未定義の問題を与えました – Nsevens

関連する問題