Использование Benchmarkjs с Webpack и Babel

Question

Я пытаюсь заставить работать некоторые базовые тесты, и у меня возникают проблемы с определением правильной конфигурации. Я пытаюсь использовать Benchmarkjs с webpack и babel для переноса моего кода в es5. Я создал benchmarks.webpack.js в качестве точки входа, которая выглядит следующим образом:

var context = require.context('./src/js', true, /-benchmark\.js$/);
context.keys().forEach(context);
module.exports = context;

Затем у меня есть файл теста, который я хочу запустить (test-benchmark.js):

import benchmark from 'benchmark';
import benchmarks from 'beautify-benchmark';

let suite = new benchmark.Suite;

suite.add('RegExp#test', function() {
  /o/.test('Hello World!');
})
.add('String#indexOf', function() {
  'Hello World!'.indexOf('o') > -1;
})
.on('cycle', function(event) {
  benchmarks.add(event.target);
})
.on('complete', function() {
  benchmarks.log();
})
.run();

Я обновил свою сборку веб-пакета, чтобы попытаться выполнить тестирование:

_.assign(config, {
  devtool: 'eval-cheap-module-source-map',
  output: {
    path: path.join(__dirname, 'build/benchmark'),
    filename: 'benchmark.js',
    publicPath: '/'
  },
  entry: [
    './benchmarks.webpack.js'
  ],
  plugins: [

  ],
  module: {
    loaders: [
      {
        test: /\.js$/,
        loaders: ['babel?stage=0'],
        include: path.join(__dirname, 'src/js')
      },
    ]
  },
});

Наконец, я хочу иметь возможность запустить это из сценария npm:

  "scripts": {
    "bench": "webpack --config webpack.bench.config.js && node build/benchmark/benchmark.js"
  },

Тем не менее, я получаю предупреждения о том, что результатом зависимости производительности является выражение, и нет подходящих загрузчиков для файлов.json,.txt и т. Д. Я попытался взломать Benchmarkjs для правильного экспорта, но безуспешно.

WARNING in ./~/benchmark/benchmark.js
Critical dependencies:
1122:34-49 the request of a dependency is an expression
 @ ./~/benchmark/benchmark.js 1122:34-49

WARNING in ./~/benchmark/package.json
Module parse failed: /home/bill/dev/levelstory/react-client-redux/node_modules/benchmark/package.json Line 2: Unexpected token :
You may need an appropriate loader to handle this file type.
| {
|   "name": "benchmark",
|   "version": "1.0.0",
|   "description": "A benchmarking library that works on nearly all JavaScript platforms, supports high-resolution timers, and returns statistically significant results.",
 @ ./~/benchmark ^\.\/.*$

WARNING in ./~/benchmark/LICENSE.txt
Module parse failed: /home/bill/dev/levelstory/react-client-redux/node_modules/benchmark/LICENSE.txt Line 1: Unexpected number
You may need an appropriate loader to handle this file type.
| Copyright 2010-2012 Mathias Bynens <http://mathiasbynens.be/>
| Based on JSLitmus.js, copyright Robert Kieffer <http://broofa.com/>
| Modified by John-David Dalton <http://allyoucanleet.com/>
 @ ./~/benchmark ^\.\/.*$

Answer 1

Похоже, тест делает что-то особенное с require, Это портит это для Webpack. Он имеет следующие строки:

var freeRequire = typeof require == 'function' && require;

...

function req(id) {
    try {
        var result = freeExports && freeRequire(id);
    } catch(e) { }
    return result || null;
}

Если вы закомментируете содержимое функции, ошибка исчезнет. Учитывая, что это не идеальное решение, я бы посоветовал ребятам прямо сейчас. Возможно, что-то нам не хватает.