Я новичок в Vue, но я решил попробовать его в недавнем проекте, я понимаю, почему он понравился. В любом случае, все шло отлично, пока я не переключился на IE, где вообще ничего не работало.
С такими ошибками, как Object doesn't support property or method 'assign' Я дал ему Google, и, видимо, IE не очень хорошо поддерживает ES6, согласно этому вопросу: Ошибка получения: объект не поддерживает свойство или метод 'assign'
Итак, я слышал о Бабеле, и это выглядело как нечто, что могло бы сделать эту работу, поскольку оно способно конвертировать из ES6. После этого я попытался интегрировать Babel в свой проект Laravel.
Я обновил свой webpack.min.js следующим образом:
let mix = require('laravel-mix');
/*
|--------------------------------------------------------------------------
| Mix Asset Management
|--------------------------------------------------------------------------
|
| Mix provides a clean, fluent API for defining some Webpack build steps
| for your Laravel application. By default, we are compiling the Sass
| file for the application as well as bundling up all the JS files.
|
*/
mix.js('resources/assets/js/app.js', 'public/js')
.webpackConfig({
module: {
rules: [{
test: /\.jsx?$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
options: {
presets: ['env']
}
}
}]
}
})
.sass('resources/assets/sass/app.scss', 'public/css');
if (!mix.inProduction()) {
mix.webpackConfig({
devtool: 'source-map'
})
.sourceMaps();
} else if (mix.inProduction()) {
mix.version();
}
mix.browserSync({
proxy: '127.0.0.1:8000'
});
Пакет env относится к: https://babeljs.io/docs/en/babel-preset-env
Однако это, похоже, не решило мою проблему.
Должен ли я просто использовать mix.babel вместо?