javascript - 在 Laravel Mix 中转译 Material JS 的问题

Question

我正在尝试在 Laravel 设置中转换 Material JS。在 Laravel Mix 的webpack.mix.js文件中设置 babel-loader 以进行转译的最佳方法是什么？

我目前的webpack.mix.js文件设置如下：

mix.js('resources/js/*.js', 'public/js', {
  loader: 'babel-loader',
  query: {presets: ['env']}
})
   .sass('resources/sass/app.scss', 'public/css', {
     includePaths: ['node_modules']
   });

尽管如此，我仍然收到以下错误： Uncaught SyntaxError: Unexpected token {这是参考login.js：第 1 行。

编辑：login.js包含以下内容：

import {MDCRipple} from '@material/ripple';
import {MDCTextField} from '@material/textfield';

const username = new MDCTextField(document.querySelector('.username'));
const password = new MDCTextField(document.querySelector('.password'));

new MDCRipple(document.querySelector('.cancel'));
new MDCRipple(document.querySelector('.next'));

标签： javascriptlaravelwebpackbabel-loadertranspiler