2017-01-05 33 views
0
bundle.js 2.81 MB  0 [emitted] [big] main 
    [13] ./~/react-dom/lib/ReactDOMComponentTree.js 6.16 kB {0} [built] 
    [15] ./~/fbjs/lib/ExecutionEnvironment.js 1.06 kB {0} [built] 
    [64] ./~/react/lib/React.js 2.69 kB {0} [built] 
    [90] ./~/react/react.js 56 bytes {0} [built] 
[194] ./src/client/app/containers/Index/index.jsx 2.07 kB {0} [built] 
[195] ./~/react-dom/index.js 59 bytes {0} [built] 
[197] ./~/babel-polyfill/lib/index.js 833 bytes {0} [built] 
[406] ./~/react-dom/lib/ReactDOM.js 5.14 kB {0} [built] 
[438] ./~/react-dom/lib/ReactVersion.js 350 bytes {0} [built] 
[455] ./~/react-dom/lib/findDOMNode.js 2.46 kB {0} [built] 
[463] ./~/react-dom/lib/renderSubtreeIntoContainer.js 422 bytes {0} [built] 
[466] ./~/react/lib/ReactChildren.js 6.19 kB {0} [built] 
[467] ./~/react/lib/ReactClass.js 26.5 kB {0} [built] 
[468] ./~/react/lib/ReactDOMFactories.js 5.53 kB {0} [built] 
[476] ./src/client/app/private.jsx 210 bytes {0} [built] 
    + 462 hidden modules 

這太大了。這是我的配置。Webpack2 BIG包文件

.babelrc:

{ 
    "presets": [ 
    [ 
     "es2015", 
     { 
     "modules": false 
     } 
    ], 
    "es2016", 
    "react" 
    ], 
    "plugins": [ 
    "transform-react-jsx", 
    "transform-regenerator" 
    ] 
} 

webpack.config.js:

'use strict'; 

const path = require('path'); 

module.exports = [ 
    { 
    devtool: 'inline-source-map', 
    entry: './src/client/app/private.jsx', 
    output: { 
     path: path.resolve(__dirname, 'src/client/private'), 
     filename: 'bundle.js' 
    }, 
    resolve: { 
     extensions: ['.js', '.jsx'] 
    }, 
    module: { 
     rules: [ 
     { 
      test: /\.jsx$/, 
      use: [ 
      { 
       loader: 'babel-loader' 
      }, 
      ], 
      exclude: /node_modules/ 
     } 
     ] 
    } 
    } 
]; 

現在,我已經看了文件中,有很多是評論,所以我認爲它是有它捆綁成一個開發包。

我已經將源圖設置爲內聯,如何測試生產包?

+0

如果捆綁包的大小是唯一的問題,爲什麼不只是添加一個縮小器呢? –

回答

0

對於製作,您可能需要既不包含也不參考的源地圖,因此請使用hidden-source-map

如果您從客戶端捕獲並報告運行時異常,現在可以使用附加工具和提供的適當源映射來調試錯誤。