Javascript 在Laravel中使用Vue

Javascript 在Laravel中使用Vue,javascript,php,laravel,vue.js,webpack,Javascript,Php,Laravel,Vue.js,Webpack,我是Vue的新手,但我想我会在最近的一个项目中试一试,我知道它为什么会受到欢迎。不管怎样,一切都很顺利,直到我转到IE,在那里什么都不起作用 有一些错误,比如Object不支持属性或方法“assign”我给了它一个Google,显然IE不太支持ES6,根据这个问题: 所以,我听说过Babel,它看起来像是那种可以完成这项工作的东西,因为它能够从ES6转换过来。在此之后,我试图将巴别塔整合到我的Laravel项目中 我更新了我的webpack.min.js如下: let mix = require

我是Vue的新手,但我想我会在最近的一个项目中试一试,我知道它为什么会受到欢迎。不管怎样,一切都很顺利,直到我转到IE,在那里什么都不起作用

有一些错误,比如
Object不支持属性或方法“assign”
我给了它一个Google,显然IE不太支持ES6,根据这个问题:

所以,我听说过Babel,它看起来像是那种可以完成这项工作的东西,因为它能够从ES6转换过来。在此之后,我试图将巴别塔整合到我的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'
});
环境包指的是:

然而,这似乎并没有解决我的问题

我是否应该改用
mix.babel
呢?

您需要一个polyfill:

将其作为条目(app.js)的第一行导入


然而,我建议完全使用而不是laravel mix

通常,您会使用
npm-run-dev
进行编译以供开发。我想这就是LaravelMix的帮助所在,它围绕着工具将资产代码编译成兼容的资产代码。你是否正确地使用了Laravel mix?我运行了dev,它与你使用的IE版本没有任何区别?IE11是我正在使用的版本我已经花了好几个小时研究这个o_o。。。有没有办法通过Mix加载它?另外,我为什么要放弃vue cli的Mix?您只需要
导入“@babel/polyfill”作为app.js中的第一行。剩下的就交给Mix了。Vue CLI处理一切都是开箱即用的,支持webpack 4。这是一个更好的构建工具。好吧,Mix在某种程度上利用了babel吗?As
require
不是本机JS函数