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ためbabel-preset-stage-2プリセットのパッケージをインストールしてください：これは完全には公式ではないよう

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

が見えるまだしかし、あなたはあなたが得た何なきゃ。