동형 앱에서 Webpack bundle.js가 두 번 전송 된 이유는 무엇입니까?

Question

프로덕션 환경에서 bundle.js 파일이 두 번 전송됩니다. 두 번째 시간은 bundle.js 파일 자체에 의해 요청됩니다. 기본적으로 또는 구성 관련 있습니까?

또한 bundle.js가 두 번째 요청되는 시간은 192ms로 처음 634ms보다 훨씬 짧습니다. 어쩌면 파일이 캐시 되었기 때문일 수도 있습니다.

참고 :이 isomorphic 앱이며 은이 모든 애셋 파일을 제공하도록 수정했습니다. 스크린 샷 우는

확인 :

웹팩 제작 설정 중 일부는 사용하는 메신저 :

module.exports = { 
    devtool: false, 
    output: { 
     path: resolve(__dirname, 'dist', 'www'), 
     publicPath: '/www/', 
     filename: 'bundle.js', 
    }, 
    plugins: [ 
     new webpack.optimize.UglifyJsPlugin({ 
      mangle: true, 
      compress: { 
       warnings: true, 
       screw_ie8: true, 
       conditionals: true, 
       unused: true, 
       comparisons: true, 
       sequences: true, 
       dead_code: true, 
       evaluate: true, 
       if_return: true, 
       join_vars: true, 
      }, 
      output: { 
       comments: false, 
      }, 
     }), 
     new ExtractTextPlugin('styles.css'), 
    ], 
    module: { 
     loaders: [{ 
      test: /\.js$/, 
      loader: 'babel-loader', 
      include: resolve(__dirname, 'src', 'main'), 
      exclude: /node_modules/, 
     }, { 
      test: /\.*css$/, 
      loader: ExtractTextPlugin.extract({ 
       fallback: 'style-loader', use: 'css-loader?-autoprefixer!sass-loader', 
      }), 
     }], 
    } 
}; 

Answer 1

이 문제가 크롬 개발자 도구를 열 때 가져 오는 sourceMaps 관련이있다. 나는 또 다른 질문 (https://stackoverflow.com/a/30777461/2400247)에서 대답으로 찰스 프록시와 함께 테스트, 그리고 실제로, 번들 .js 한 번만 다운로드됩니다. 찰스는 아래 테스트

확인 :

이 다른 DEVS를 도움이되기를 바랍니다.