2016-09-13 16 views
1

webpackからバンドルされたapp.jsの2つのバンドルファイルが必要です。私のフォルダは次のようになります:jsファイルでwebpackバンドルを要求する方法

MyApp 
|-app 
| -app.js <-this gets bundled 
|-hero 
| -hero.module <- this gets also bundled 
| -some other stuff that will be bundled in hero.bundle.js 
|-crisis 
| -crisis.module <- gets bundled 
| -more stuff that gets bundled in crisis.bundle.js 
- 

これまでのところとても良いです。 私はapp.jsの私のCOmponent Routerで怠惰なロード/ルーティングを行っているので、hero.bundle.jsとcrisis.bundle.jsをapp.jsに入れたいと思っています。 しかし、モジュールが見つからないというエラーは常に出てきます。 1の 構文例は、次のものが必要です

path: '/heroes/...', 
      name: 'Heroes', 
      loader: function() { 
       // lazy load Heroes 
       return $ocLazyLoad.load([require('./dist/heroes.bundle.js')]) 
        .then(function() { 
         return 'heroes'; 
        }); 
      } 

は私が何か間違ったことをしますか?事前:)

+0

このhttps://webpack.github.io/docs/code-splitting.html私は実際にwが私のwebpack.config.jsでバンドルを作成し – highFlyingDodo

+0

iエントリと出力、CommonsChunkではなく 唯一のことは、bundle.jsファイルをjavascriptファイルに含める方法です.HTMLではありません。 – julesrose

答えて

0

おかげで私は解決策を得た: WebPACKのは、私のファイルを見つけられませんでした。パスは

C検索:/someFolders/heroApp/app/dist/heroes.bundle.js

それがあったaltoughを

C:/someFolders/heroApp/dist/heroes.bundles.js

設定2つのドットは、ソリューションでした:あなたはおそらく必要

require('../dist/heroes.bundle.js') 
関連する問題