Question

我的webpack有以下配置：

var path = require('path');
var webpack = require('webpack');

var config = {

  entry: {
    login: path.join(__dirname, 'src' , 'entry' , 'login.js'),
    register: path.join(__dirname, 'src', 'entry', 'register'),
    faqLogged: path.join(__dirname, 'src', 'entry', 'faqLogged'),
    content: path.join(__dirname, 'src', 'entry', 'content'),
  },

  output: {
    path: path.join(__dirname, 'build'),
    filename: '[name].js',
  },


  module: {
    loaders: [
      {
        test: /.jsx?$/,
        loader: 'babel-loader',
        exclude: /node_modules/,
        query: {
          presets: ['es2015', 'react']
        }
      }
    ]
  },
}
module.exports = config;

在我的应用程序中，我使用AJAX，我应该使用babel-loader。问题是，如果我在我的应用程序中使用cdnjs用于babel-loader，因此没有import语句，页面几乎立即加载。另一方面，如果我使用webpack捆绑我的页面，现在能够使用import，并且这样做会导致我的页面加载时间超过4秒，并且我在浏览器中收到以下错误＆＃ 39;控制台（Chrome）：

[BABEL] Note: The code generator has deoptimised the styling of "http://localhost/build/content.js" as it exceeds the max of "100KB".

我试图缩小捆绑文件，但这似乎不是问题。超过100kb的事实并没有让我感到困扰，荒谬的加载时间是多少。

Webpack减慢页面速度

0 个答案: