npmを使って、ライブラリをインストールして使うときの手順をご紹介します。

環境

Laravel Mix についてはこちらで触れてます。 bonoponz.hatenablog.com

`jquery-validation`

bootstrapやjqueryはLaravelに元々備わってたりするので、今回は別のライブラリ jquery-validation をインストールします。

別のライブラリであってもnpm実行コマンドが違うだけで、手順としては同じです。

ドキュメント記載のnpmコマンドを実行してインストールします。

$ npm i jquery-validation

node_modules配下にインストールされたことを確認してください。

たいていはライブラリ名のフォルダができてます。

resources/js/app.jsに追加します。

import 'jquery-validation'

おそらく初めからbootstrapがあると思うので、全体はこんなかんじです。

import './bootstrap';
import 'jquery-validation'

$ npm run dev

public/js/app.jsにjquery-validationが追加されます。

すでに記述している場合は不要です。

<script type="text/javascript" src="{{ asset('/js/app.js') }}" ></script>

他にもインストールしたいライブラリがあれば同様の手順で簡単に取り入れることができます。

ファイルをダウンロードするのが面倒だな、という方には npm を活用すると楽だと思います。