Laravel Elixir 6.0 和 Laravel 5.3 一起发布，新版本将捆绑支持 Webpack 和 Rollup JavaScript 模块。 默认情况下，Laravel 5.3 的 gulpfile.js 文件现在已经使用 Webpack 来编译 JavaScript： elixir(mix => { mix.sass('app.scss') .webpack('app install 安装好前端依赖之后，可以使用 Gulp 编译 SASS 文件为原生的 CSS，gulp 命令 会处理 gulpfile.js 文件中的声明。通常，编译好的 CSS 文件会被放置到 public/css 目录下： gulp Laravel 自带的默认 gulpfile.js 文件会编译 SASS 文件 resources/assets/sass/app.scss，这个 app.scss gulp 命令来编译前端资源，Gulp 是一个 JavaScript 命令行构建工 具，当你执行 gulp 命令的时候，Gulp 将会执行 gulpfile.js 中的声明： gulp 默认情况下，Laravel 自带的 gulpfile.js 将会编译 SASS 和 resources/assets/js/app.js 文件， 在 app.js 文件中你可以注册 Vue 组件，或者你倾向于其它

很不方便，可以使用 gulp watch 命令。该命令将会 一直在终端运行并监控前端文件的改动。当改变发生时，新文件将会自动被编译： gulp watch 4、处理 CSS 项目根目录下的 gulpfile.js 文件包含了所有的 Elixir 任务。Elixir 任务可以使用方法链的方 式链接起来用于定义前端资源如何被编译。 4.1 Less 要将 Less 编译成 CSS，可以使用 less Gulpfile 顶端，或者将其解析到自定义的任务文件。例如，如果 你将扩展放在 elixir-extensions.js，可以在主 Gulpfile 中像这样引入该文件： // File: Gulpfile.js var elixir = require('laravel-elixir'); require('./elixir-extensions') elixir(function(mix)

很不方便，可以使用 gulp watch 命令。该命令将 会一直在终端运行并监控前端文件的改动。当改变发生时，新文件将会自动被编译： gulp watch 4、处理 CSS 项目根目录下的 gulpfile.js 文件包含了所有的 Elixir 任务。Elixir 任务可以使用方法链 的方式链接起来用于定义前端资源如何被编译。 4.1 Less 要将 Less 编译成 CSS，可以使用 less Gulpfile 顶端，或者将其解析到自定义的任务文件。例 如，如果你将扩展放在 elixir-extensions.js，可以在主 Gulpfile 中像这样引入该文 件： // File: Gulpfile.js var elixir = require('laravel-elixir'); require('./elixir-extensions') elixir(function(mix)