2017-07-29 448 views
0

進出口新的Web開發,我和幼蟲的框架工作。我使用npm來處理包。但是現在我有一個實現JQuery的問題。引導實現對幼蟲和它的作品如何Laravel使用JQuery(NPM)

<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的bootstrap中看起來如何像上面那樣的鏈接。對於bootstrap,我必須編譯新代碼(npm run dev)讓我爲Jquery做同樣的事情嗎?

+0

,你必須執行命令'NPM運行dev'或'NPM運行production'意見。檢查整個[本頁](https://laravel.com/docs/5.4/mix#running-mix)。運行該命令Laravel的混合將包括jQuery到'app.js'中。 – Tpojka

回答

2

jQuery是已經安裝在你的項目中。要使用它,請在您的視圖中放置參考。

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

和運行npm run dev

0

確保您resources/assets/js/bootstrap.js得到了jQuery的進口:

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

然後你就可以在你的項目中使用jQuery。

0

所有提交的答案是正確的,但我想補充一點,你需要把基準爲您的js/app.js因爲這是在您的JavaScript和jQuery文件,你需要它,使其工作。更重要的是,你需要把它寫在每個需要spesific的JavaScript/jQuery函數

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