2017-07-29 417 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>