📜  完成的.请再次运行 Mix. - Javascript(1)

📅  最后修改于: 2023-12-03 14:53:35.153000             🧑  作者: Mango

Mix.js - 一个简单而强大的前端构建工具

Mix.js 是一个基于 JavaScript 的前端构建工具,它可以帮助您轻松构建强大的前端应用。它的主要特点包括:

  • 简单易用,无需复杂的配置文件
  • 支持多种前端框架(Vue.js、React、Angular 等等)
  • 自带 LiveReload,可自动刷新页面
  • 可以轻松构建 JS、CSS、HTML、图片等前端资源
安装

安装 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

完成的.请再次运行 Mix. - Javascript