Ошибка Bundler Неверный объект конфигурации. Webpack был инициализирован с использованием объекта конфигурации, который не соответствует схеме API

Question

Попытка заставить мой компилятор компилироваться. Однако я получаю эту ошибку [ Вот мой файл webpack.config. js.

, это то, что говорит терминал

Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
 - configuration has an unknown property 'rules'. These properties are valid:
   object { amd?, bail?, cache?, context?, dependencies?, devServer?, devtool?, entry?, externals?, infrastructureLogging?, loader?, mode?, module?, name?, node?, optimization?, output?, parallelism?, performance?, plugins?, profile?, recordsInputPath?, recordsOutputPath?, recordsPath?, resolve?, resolveLoader?, serve?, stats?, target?, watch?, watchOptions? }
   For typos: please correct them.
   For loader options: webpack >= v2.0.0 no longer allows custom properties in configuration.
     Loaders should be updated to allow passing options via loader options in module.rules.
     Until loaders are updated one can use the LoaderOptionsPlugin to pass these options to the loader:
     plugins: [
       new webpack.LoaderOptionsPlugin({
         // test: /\.xxx$/, // may apply this only for some modules
         options: {
           rules: …
         }
       })

Вот и моя файловая структура ] 3

Answer 1

Я понял мою проблему. Webpack не имеет дело с es6, поэтому вы должны добавить babel. Бабель превращает es6 в es5. Вот ссылка на мое репо, где я делаю подробный файл Readme по настройке веб-пакета с babel в проекте vanilla javascript.

https://github.com/joeygaitan/breakout