Сравнение скорости упаковки Parceljs и Webpack в проектах React

JavaScript React.js Webpack ECMAScript 6

По оценкам, за последние несколько дней Parceljs завладел интерфейсным кругом. Основные особенности Parceljs:

  • Строй очень быстро
  • Нулевая конфигурация

Чтобы узнать больше о Parceljs, нажмитездесь

На официальном сайте Parcejs приведены результаты сравнения скорости сборки с другими инструментами упаковки, но не указан адрес проекта теста, поэтому потребовалось некоторое время, чтобы сделать следующий тест на React.

окружающая обстановка

node版本：v9.2.1

npm版本:5.6.0

адрес проекта

parceljs-react

webpack-react

Оба проекта очень маленькие, всего 4 компонента. Введена реактивная маршрутизация.

конфигурационный файл

посылки не настроены

Конфигурация веб-пакета выглядит следующим образом:

var path = require('path')
module.exports = {
   entry: './index.js',
   output: {
     path: path.resolve(__dirname, 'dist'),
     filename: 'bundle.js'
   },
  resolve: {
    extensions: [".js", ".json", ".jsx"],
    alias: {
      components: path.resolve(__dirname, 'src/components/')
    }
  },
   module: {
     rules:[{
       test: /\.jsx?$/,
       use: 'babel-loader'
     }]
   }
}

сравнить результаты

скорость наращивания

посылки:

веб-пакет:

Размер посылки

parceljs:

webpack:

Из результатов сравнения видно, что Parceljs действительно намного быстрее, чем webpack, с точки зрения скорости создания, а с точки зрения размера пакета пакет, созданный webpack, кажется меньше, чем пакет, созданный парцеллами. . Если вы обнаружите что-то неправильное в приведенном выше содержании, пожалуйста, укажите на это, спасибо~

Категории