时间戳

首页 > 解决方案 > 使用 babel 和 laravel-mix 将 ES6 转换为 ES2015

laravel - 使用 babel 和 laravel-mix 将 ES6 转换为 ES2015

问题描述

我的 Vue 组件中有 ES6 JavaScript 代码。为了支持 IE 11，我需要使用 babel 和 laravel-mix 将其转换为 ES5 代码。我怎么做？

这是我的 webpack.mix.js 文件。

let mix = require('laravel-mix');

mix.js('resources/assets/js/app.js', 'public/js')
.js('resources/assets/js/admin-app.js', 'public/js')

标签： laravelbabeljslaravel-mix

解决方案

有一个mix.babel()命令可以处理这个。

它是相同的，mix.scripts()所以它需要更多的跑腿。我作弊并这样做，然后将 es5.js 提供给 IE：

mix.js('resources/assets/js/app.js', 'public/js')
  .babel('public/js/app.js', 'public/js/app.es5.js')
  .sass('resources/assets/sass/app.scss', 'public/css');

推荐阅读