php scss vue.js,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')

@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