在安装好laravel mix后,我们就可以使用laravel mix来整合前端资源了。
https://laravel-china.org/docs/5.4/frontend
运行npm run watch后,改动sass或vue文件后,会自动编译生效。
------------
关于vuejs:
全新安装的 Laravel 程序默认会在 resources/assets/js/components 中包含一个 Example.vue 的 Vue 组件。
在应用程序中使用示例组件,你只需要简单的将其放到你的 HTML 模板之中。
例如,在你运行php artisan make:auth 命令去生成应用的用户认证和注册的脚手架页面后,
你可以把组件放到 home.blade.php 模板:
@extends('layouts.app')
@section('content')
@endsection
---------------
为什么是 home.blade.php ,因为:
1 要 div id="app"
2 要
window.Laravel = {!! json_encode([
'csrfToken' => csrf_token(),
]) !!};
3 要加css,js
而系统安装后的欢迎页 welcome.blade.php并没有这些。
-----------------
关于sass:
修改resources\assets\sass\app.scss:
加上:
$color : blue;
body{
background:$color;
}
刷新前台,就会看到效果。前提是使用了 npm run watch