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)
...

尝试了很多东西。请帮忙！！

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

看起来这还不是正式的，但是你必须做你必须做的。