Laravel Elixir Ошибка преобразования структуры объекта Webpack

Question

Получил ли кто-нибудь доступ к оператору распространения объектов в Laravel Elixir? Мой test.js файл:

let a = { 
    b: 'c', 
    d: 'e' 
} 

let f = { 
    g: 'h', 
    ...a 
} 

console.log(f) 

И gulpfile.js код:

const elixir = require('laravel-elixir'); 

require('laravel-elixir-vue'); 

elixir(mix => { 
    mix.webpack('test.js'); 
}); 

И ошибка:

... 
Module build failed: SyntaxError: D:/WEBZ/html/works/<project>/resources/assets/js/test.js: Unexpected token (8:4) 

    6 | let f = { 
    7 |  g: 'h', 
> 8 |  ...a 
    | ^
    9 | } 
    10 | 
    11 | console.log(f) 

BabelLoaderError: SyntaxError: D:/WEBZ/html/works/<project>/resources/assets/js/t.js: Unexpected token (8:4) 

    6 | let f = { 
    7 |  g: 'h', 
> 8 |  ...a 
    | ^
    9 | } 
    10 | 
    11 | console.log(f) 
... 

Пробовал много thigs. Пожалуйста помоги!!

Answer 1

Я решил свою проблему с помощью внешнего webpack.config.js:

module.exports = { 
    module: { 
     loaders: [ 
      { 
       test: /\.js?$/, 
       exclude: /node_modules/, 
       loader: 'babel', 
       query: { 
        "presets": [ 'stage-2' ], 
        "plugins": [ 'transform-object-rest-spread' ] 
       } 
      }, 
      { 
       test: /\.vue?$/, 
       exclude: /node_modules/, 
       loader: 'vue', 
       query: { 
        "presets": [ 'stage-2' ], 
        "plugins": [ 'transform-object-rest-spread' ] 
       } 
      } 
     ] 
    } 
} 

Поместите этот файл в корневом каталоге вашего проекта. Но прежде чем идти вперед и запустить gulp установите предустановленный пакет babel-preset-stage-2 для babel:

npm install --save-dev babel-preset-stage-2 

Похоже, что это не вполне официальный, но еще, ты должен делать то, что вам нужно сделать.