読者です 読者をやめる 読者になる 読者になる

【Larabel】assetの読み込みを追加

Larabelではassetはデフォルトでpublic直下を参照しているため
js,cssファイルに関してはpublic直下にディレクトリを切ると良い。

$ tree public
public
├── css // 追加
├── favicon.ico
├── index.php
├── javascript // 追加
├── robots.txt
└── web.config

今回は即時実行関数をテストとして実行する

// public/javascript/index.js|
(function(){
  console.log('load js file!!');
})();

asset(file_path)で対象のファイルを指定

// resources/views/books/index.blade.php
@extends('layout')

@section('content')

  {!! link_to('books/create', '新規作成') !!}

  @foreach($books as $book)
    <book>
       <a href="{{ url('books', $book->id) }}">
        {{ $book->title }}
       </a>
    </book>
  @endforeach
  <script src="{{ asset('/javascript/index.js') }}"></script>
@endsection

/books にアクセスしウェブコンソールに load js file!! が出力されていることを確認