Javascript 尝试编译最新的Laravel Mix 6 app.js时出错

我一直在使用LaravelMix捆绑我的CSS和JS文件，但是一天前发布的LaravelMix的最新版本由于某种原因对我来说不起作用。我不知道如何使用Webpack，但我以前在v5上获得了成功，所以我不知道现在发生了什么。我已经更新了节点和npm，清除了缓存，从头开始了一切

HTML

<button onclick="myFunction()">Button Name</button>
<div id="myDIV">
    This is a DIV element.
</div>

npm init-y

npm安装laravel mix--保存开发

npx touch webpack.mix.js

my webpack.mix.js文件：

// webpack.mix.js

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


mix.js('src/app.js', 'js');

npx混合运行，添加依赖项，要求我再次运行

npx mix运行并编译app.js至

---

我想知道为什么所有额外的代码都被注入到编译后的app.js中？我的webpack.mix.js不正确吗？我没有安装引导程序，为什么它会这样要求？它现在的编译方式破坏了javascript的功能，即使是在这样一个基本的实验中。这可能很简单，但我很难确定到底发生了什么。提前感谢您的帮助。

我想额外的材料将被剥离用于生产构建。我不确定这些评论是干什么用的，可能是webpack使用它来更快地编译（例如只编译更改过的文件），当我运行npx mix--production时，生成的app.js是完全空的。在v5之前，我可以在开发或生产环境中运行javascript，因此我认为这与没有正确编译laravel mix模块有关。我认为额外的内容将在生产环境中剥离。我不确定这些评论是干什么用的，可能是webpack使用它来更快地编译（例如只编译更改过的文件），当我运行npx mix--production时，生成的app.js是完全空的。在v5之前，我可以在开发或生产环境中运行javascript，所以我认为这与laravel mix模块未正确编译有关。

// webpack.mix.js

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


mix.js('src/app.js', 'js');

/******/ (() => { // webpackBootstrap
/*!********************!*\
  !*** ./src/app.js ***!
  \********************/
function myFunction() {
  var element = document.getElementById("myDIV");
  element.classList.toggle("mystyle");
}
/******/ })()
;