Laravel前端之Compiling Assets (Mix)

53 篇文章 1 订阅
本文详细介绍了Laravel Mix如何简化CSS和JavaScript预处理器的使用,如Less、Sass、Stylus和PostCSS。通过Mix,开发者可以方便地定义Webpack构建步骤,自动重编译资产,处理URL,生成Source Maps,并使用JavaScript特性,如Vendor提取、React支持。此外,还涵盖了BrowserSync集成、环境变量和通知等辅助功能。
摘要由CSDN通过智能技术生成

 

1.简介

 

Laravel Mix提供了一种流畅的API,可使用几种常见的CSS和JavaScript预处理器为您的Laravel应用程序定义Webpack构建步骤。 通过简单的方法链,您可以流畅地定义资产管道。 例如:

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

如果您对Webpack和资产编译入门感到困惑和不知所措,那么您会喜欢Laravel Mix。

但是,在开发应用程序时不需要使用它。 您可以自由使用任何所需的资产管道工具,甚至完全不用。

 

2.安装与设置

 

2.1 安装Node

 

在触发Mix之前,必须首先确保在计算机上安装了Node.js和NPM。

node -v
npm -v

默认情况下,Laravel Homestead包含您需要的一切; 但是,如果您不使用Vagrant,则可以使用简单的图形安装程序从其下载页面中轻松安装最新版本的Node和NPM。

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值