Laravelでの開発 "オフライン"でjQueryを使いたい!
STEP 1: npmでjQueryをインストール
ターミナルにて、プロジェクトディレクトリに移動し、下記のコマンドを実行する。
terminal プロジェクトディレクトリ
$ npm install jquery
STEP 2: コンパイル
コードエディタに戻り、プロジェクトのファイルpackage.jsonを開いてみよう。
"devDependencies"配下に "jquery": "^3.5.0"が入っているのが確認できます。
package.json
"devDependencies": {
"axios": "^0.19",
"bootstrap": "^4.4.1",
"cross-env": "^7.0",
"jquery": "^3.5.0",
"laravel-mix": "^5.0.1",
"lodash": "^4.17.13",
"popper.js": "^1.12",
"resolve-url-loader": "^2.3.1",
"sass": "^1.20.1",
"sass-loader": "^8.0.0",
"vue": "^2.5.17",
"vue-template-compiler": "^2.6.10"
}
再び、ターミナルに移動します。下記のコマンドを実行して、コンパイル(一つのファイルを形成)します。
terminal プロジェクトディレクトリ
npm run dev
STEP 3: viewファイル(XXXX.blade.php)での呼び出し
jQueryを使いたいviewファイルを開き、app.jsファイルを呼び出します。
php:XXXX.blade.php
<body>
<script src="/js/app.js"></script>
</body>
</html>