📅  最后修改于: 2023-12-03 14:53:35.153000             🧑  作者: Mango
Mix.js 是一个基于 JavaScript 的前端构建工具,它可以帮助您轻松构建强大的前端应用。它的主要特点包括:
安装 Mix.js 可以使用 npm,只需在终端中运行以下命令:
npm install -g laravel-mix
创建一个新的 Mix 项目:
mkdir myproject
cd myproject
npm init -y
然后,你可以在项目中创建一个 webpack.mix.js
文件,这个文件包含了你需要构建的所有内容:
const mix = require('laravel-mix');
mix.js('src/js/app.js', 'dist/js')
.sass('src/sass/app.scss', 'dist/css')
.setPublicPath('dist');
在上面的配置中,我们将 src/js/app.js
编译为 dist/js/app.js
,将 src/sass/app.scss
编译为 dist/css/app.css
。同时,我们还指定了编译输出的目录为 dist
。
然后,在终端中运行 npm run dev
,Mix 会自动构建你的项目,并在浏览器中打开页面。
Mix.js 还有很多更多的功能和配置选项,具体可以参考官方文档:https://laravel-mix.com/docs/6.0/basic-example