laravel mix 和前端资源的整合，比如sass和vuejs

 在安装好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')
    <example></example>
@endsection

---------------

为什么是 home.blade.php ，因为：
1 要 div id="app"

2 要 <meta name="csrf-token" content="{{ csrf_token() }}">
    
   <!-- Scripts -->
    <script>
        window.Laravel = {!! json_encode([
            'csrfToken' => csrf_token(),
        ]) !!};
    </script>
    
3 要加css,js
   <link href="{{ asset('css/app.css') }}" rel="stylesheet">
 <script src="{{ asset('js/app.js') }}"></script>
 
 而系统安装后的欢迎页 welcome.blade.php并没有这些。
 
 

 -----------------

关于sass:
修改resources\assets\sass\app.scss:
加上：
$color : blue;

body{
 background:$color;
}
刷新前台，就会看到效果。前提是使用了 npm run watch