webpack.mix.js在哪里

webpack.mix.js是在Laravel应用程序根目录下的文件。它是Laravel Mix的主要配置文件之一，可以用于构建前端应用程序。

Laravel Mix

Laravel Mix 是一个简化了基于Webpack构建前端应用程序的构建过程的库。它允许您使用简单的API来定义webpack的构建步骤。例如，您可以使用Laravel Mix来执行以下任务：

• 将sass文件编译成css文件
• 将ES6的Javascript代码转换为普通的Javascript代码
• 自动生成雪碧图
• 压缩和优化图片文件
• 等等

安装

首先安装Laravel Mix和它所需的依赖项：

npm install
npm install laravel-mix --save-dev

配置文件

Laravel Mix的主要配置文件是webpack.mix.js。您可以通过编辑此文件来定义Laravel Mix的构建步骤。下面是一个简单的示例：

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

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

该示例定义了两个构建步骤： 使用js()函数将resources/js/app.js编译为public/js/app.js。 使用sass()函数将resources/sass/app.scss编译为public/css/app.css。

您可以通过简单的添加或移除函数来定义更多的构建步骤。

运行构建

一旦您定义了webpack.mix.js文件，您就可以使用以下命令之一来运行构建：

npm run dev
npm run watch
npm run prod

• npm run dev 运行一次构建
• npm run watch 持续监视所有相关文件的更改，并在文件更改时自动构建文件。
• npm run prod 运行一次构建，但会将输出压缩和混淆。

结论

webpack.mix.js是 Laravel Mix 的主要配置文件，它位于 Laravel 应用程序根目录下。通过编辑此文件，您可以定义前端应用程序的构建步骤。Laravel Mix 让构建前端应用程序的过程变得非常简单，同时还提供了很多有用的功能和选项。