jsやcssファイルのバージョン化
laravel-mixの続きです。まだ続きそうなので、連載ものにしました。右にリストされているCATEGORIESのフロントエンドの開発です。 今回は、laravel-mixで作成されたjsやcssのファイルがどのようにbladeで参照されているかにフォーカスします。 asset() 再びレイアウトのbladeファイルの中身を以下に掲載します。 <!DOCTYPE html> <html lang="{{ str_replace('_', '-', app()->getLocale()) }}"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- CSRF Token --> <meta name="csrf-token" conte
6.x JavaScriptとCSSスカフォールド Laravel
イントロダクションIntroduction LaravelはJavaScriptやCSSプリプロセッサの使用を規定してはいませんが、開発時点の元としてほとんどのアプリケーションで役立つだろうBootstrapやReact、Vueを提供しています。これらのフロントエンドパッケージをインストールするため、LaravelはNPMを使用しています。While Laravel does not dictate which JavaScript or CSS pre-processors you use, it does provide a basic starting point using Bootstrap[https://getbootstrap.com/], React[https://reactjs.org/], and / or Vue[https://vuejs.org/] that
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[Laravel 5.6] Laravel 開発で Javascript を書きたいとき（Laravel Mix の使い方とか） - Qiita![[Laravel 5.6] Laravel 開発で Javascript を書きたいとき（Laravel Mix の使い方とか） - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/6ce80175e00509749da76d006703600f6090db08/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCTGFyYXZlbCUyMDUuNiU1RCUyMExhcmF2ZWwlMjAlRTklOTYlOEIlRTclOTklQkElRTMlODElQTclMjBKYXZhc2NyaXB0JTIwJUUzJTgyJTkyJUU2JTlCJUI4JUUzJTgxJThEJUUzJTgxJTlGJUUzJTgxJTg0JUUzJTgxJUE4JUUzJTgxJThEJUVGJUJDJTg4TGFyYXZlbCUyME1peCUyMCVFMyU4MSVBRSVFNCVCRCVCRiVFMyU4MSU4NCVFNiU5NiVCOSVFMyU4MSVBOCVFMyU4MSU4QiVFRiVCQyU4OSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9ZDIyNDRiYjk3Mzc3ZThhNDg3YjFjOTk5MDBlYzA0NjE%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB1LWRhaSZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZjQ4NjA1MmIyNGI5MmVlNTE0NzA0MWExMmE1NzJhZWQ%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-44Kv44Oq44O844Oe%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25231E2121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3D7712c4c1fd1fdd8e66640edfae479ae2)
