Bundle.js加载速度慢 [英] bundle.js slow loading

问题描述

bundle.js(2.4 Mb)加载耗时40秒-1.5分钟：

这是我的webpack.config.js：

const webpack = require('webpack');
const config = {
 entry: {
        "App":__dirname + '/js/App.jsx'
},
output: {
    path: __dirname + '/dist',
    filename: 'bundle.js',
},
resolve: {
    extensions: ['.js', '.jsx', '.css']
},
module: {
  rules: [
    {
      test: /.jsx?/,
      exclude: /node_modules/,
      use: 'babel-loader',
      loader: 'babel-loader?cashezdirectory'
    },
   // { test: /.css$/, loader: 'style-loader!css-loader' }
  ]
},
externals: {
react: 'React',
jquery: 'jQuery'}
};
module.exports = config;

有什么方法可以使加载更快吗？

推荐答案

您为webpack使用的配置似乎是开发版本。尝试使用生产配置，该配置通常提供额外的优化，如丑化和提取css插件。

plugins: [
    new ExtractTextPlugin('styles.css'),
    new webpack.optimize.UglifyJsPlugin({
        sourceMap: true
    })
],

这应该会显著减小捆绑包大小(至少减半)。

您还应该检查服务器配置以进行进一步的优化，如gzipping，这将使下载大小减少约5倍。

这篇关于Bundle.js加载速度慢的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！