Ошибка трансформации распространения объекта Laravel Elixir Webpack

Question

Ошибка трансформации распространения объекта Laravel Elixir Webpack

Кто-нибудь заставил оператора распространения объектов работать в 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)
...

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

2

gulp laravel-5.3 laravel-elixir php webpack

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Я решил свою проблему с помощью внешнего 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

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

0