2017-02-16 8 views
0

ホットローダーを反応に使用し、それはWebPACKの1WebPACKの2複数のエントリは、まだ私はこれを使用し

entry: { 
    vendor : ['react', 'react-dom', 'react-router', 'classnames', 'lodash', 'alt'], 
    app  : ['webpack-dev-server/client?http://localhost:8080', 
       'webpack/hot/only-dev-server', 
       path.resolve(__dirname, PATHS.app, 'entries', 'app.js')], 
     otherFile : ['webpack-dev-server/client?http://localhost:8080', 
       'webpack/hot/only-dev-server', 
       path.resolve(__dirname, PATHS.app, 'entries', 'otherFile.js')] 
} 

で働く。しかし、これはWebPACKの2で動作しません、それが働きました。 HMRと複数のエントリーを使用するにはどうすればいいですか?このガイドではhttps://webpack.js.org/guides/hmr-react/が使用されていましたが、私の場合は複数のエントリも使用しています。

答えて

0

完全な設定を追加できますか?

問題が発生しましたが、原因は誤った構成のプロキシであることが判明しました。

私はそれはWebPACKの1のためのようなものに設定していた:

proxy: { 
     '/api*': { 
      target: 'http://0.0.0.0:3000', 
      secure: false 
     }, 
     '/admin': { 
      bypass:() => 'admin.html' 
     } 
    }, 

しかし、私はそれを変更しなければならなかったWebPACKの2:ファイルでは

 proxy: { 
     '/api': { 
      target: 'http://0.0.0.0:3000', 
      secure: false, 
      bypass: (req, res, opts) => { 
       if (req.originalUrl === '/admin') { 
        return 'admin.html'; 
       } 
      } 
     } 
    }, 

、どこに指し示すしようとしていますpath.resolveに?私は、ルートディレクトリにwebpackの設定を持っています。それは私にちょうど行うことができます:

entry: { 
    main: [ 
     'babel-polyfill', 
     'whatwg-fetch', 
     'react-hot-loader/patch', 
     'webpack-dev-server/client?http://0.0.0.0:8000', 
     'webpack/hot/only-dev-server', 
     './app/components/main.jsx' 
    ] 
} 
+0

上記のエントリは単なるエントリポイントのため動作します。 – Mellisa

+0

@Mellisa、そうではありません、それは複数のエントリーポイント設定の単なるスニペットです。 [完全なものはこちら](https://hastebin.com/olepezadac.js) – edrpls

関連する問題