怎么正确的用 Laravel 5 的 Elixir 来管理 CSS,JS

html-css04

怎么正确的用 Laravel 5 的 Elixir 来管理 CSS,JS,第1张

welcome.blade.php里面引用

<link rel="stylesheet" href="{{ elixir('assets/css/all.css') }}">

<script src="{{ elixir('assets/js/all.js') }}"></script>

然后每次改了\resources\assets\下的css和js

就可以了。

<?php

namespace App\Http\Controllersuse DBuse App\Http\Controllers\Controllerclass UserController extends Controller{/**

* 显示应用中的所有用户

*

* @return Response */

public function index()

{$users = DB::table('users')->paginate(15) return view('user.index', ['users' =>$users])

}

}

//blade模板展示

<div id="pull_right">

<div class="pull-right">

{!! $users->render() !!} </div>

</div>

//CSS样式

<style type="text/css"> #pull_right{

text-align:center

}.pull-right {/*float: left!important*/

}.pagination {

display: inline-block

padding-left: 0

margin: 20px 0

border-radius: 4px

}.pagination >li {

display: inline

}.pagination >li >a,

.pagination >li >span {

position: relative float: left

padding: 6px 12px

margin-left: -1px

line-height: 1.42857143

color: #428bca

text-decoration: none

background-color: #fff

border: 1px solid #ddd }.pagination >li:first-child >a,

.pagination >li:first-child >span {

margin-left: 0

border-top-left-radius: 4px

border-bottom-left-radius: 4px

}.pagination >li:last-child >a,

.pagination >li:last-child >span {

border-top-right-radius: 4px

border-bottom-right-radius: 4px

}.pagination >li >a:hover,

.pagination >li >span:hover,

.pagination >li >a:focus,

.pagination >li >span:focus {

color: #2a6496

background-color: #eee

border-color: #ddd }.pagination >.active >a,

.pagination >.active >span,

.pagination >.active >a:hover,

.pagination >.active >span:hover,

.pagination >.active >a:focus,

.pagination >.active >span:focus {

z-index: 2

color: #fff

cursor: default

background-color: #428bca

border-color: #428bca }.pagination >.disabled >span,

.pagination >.disabled >span:hover,

.pagination >.disabled >span:focus,

.pagination >.disabled >a,

.pagination >.disabled >a:hover,

.pagination >.disabled >a:focus {

color: #777

cursor: not-allowed

background-color: #fff

border-color: #ddd }.clear{

clear: both

}</style>