JQueryをLaravel（NPM）で使用する方法

Question

Web開発の新機能であり、私はlarvalフレームワークを使用しています。私はパッケージでの処理にnpmを使います。しかし、今はJQueryを実装するのに問題があります。ブートストラップは、幼虫に実装されているし、それは私の幼虫では

<link rel="stylesheet" href="/css/app.css"> 

を作品package.json

"devDependencies": { 
    "axios": "^0.15.3", 
    "bootstrap-sass": "^3.3.7", 
    "cross-env": "^3.2.3", 
    "jquery": "^3.1.1", 
    "laravel-mix": "0.*", 
    "lodash": "^4.17.4", 
    "vue": "^2.1.10", 
    "webpack": "2.2.1" 
    } 

であることはjqueryのが私のプロジェクトに既に存在することを意味するのでしょうか？しかし、どのようにjqueryのブートストラップから上のようなリンクを見ています。ブートストラップについては、私はJqueryのために同じことをするために新しいコードをコンパイルする必要があります（npm run dev）？

Answer 1

JQueryは既にプロジェクトにインストールされています。これを使用するには、ビュー内で参照を配置します。

<script src="{{ mix('js/app.js') }}"></script> 

とあなたのresources/assets/js/bootstrap.jsはjQueryの輸入しまっていることを確認しnpm run dev

Answer 2

を実行します。

window.$ = window.jQuery = require('jquery') 

次に、プロジェクトでのjQueryを使用することができます。

Answer 3

すべての提出された回答は正しいですが、私はあなたのjs/app.jsの参照を置く必要があることをあなたのjavascriptとjqueryファイルがあり、それを動作させるために必要であると付け加えたいと思います。さらに重要なのは、あなたが `コマンドを実行する実行dev`または` NPMの実行production`をNPMする必要がspesificのJavaScript/jQueryの機能

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