Le fichier bootstrap.js de laravel5.3 contient les lignes suivantes :
window._ = require('lodash');
window.$ = window.jQuery = require('jquery');
require('bootstrap');
window.Vue = require('vue');
require('vue-resource');
Question :
1. Que signifie window._
和window.$ = window.jQuery
,window.Vue
? Dois-je écrire cette ligne en premier chaque fois que j'introduis un package ?
2. require() introduit-il le package complet ou uniquement le fichier js ? Il n'est pas possible de voir à partir des crochets require('') que le nom du dossier et le nom du fichier js sont identiques.
Le app.js/boostrap.js de laravel 5.3 n'est pas accessible via
<script src='...'></script>
<script src='...'></script>
访问的因为它这个是基于
nodeJS + gulp + webpack
的一套东西,打开根目录下的
gulpfile.js
可以看到elixir的函数
,这个函数是用来打开js、css的如何使用:
安装nodejs
打开命令行
cd /your/root/dir/
npm install -g gulp
(速度很慢,可以搜索安装:cnpm)npm install
gulp
这样会在你的
public/css public/js
下生成app.js app.css
这才是你能
<script src=""></script>
的东西你的问题:
window.$ = window.jQuery = require('jquery');
指将jquery
导入进来,并赋值给$
变量require
是nodeJS
的语法,读取的是node_modules/
下的某个文件夹的index.js
(具体要看package.json
的指向)打开
node_modules/
可以看到很多的库打开
package.json
可以看到所需的node库打开
Parce qu'il s'agit d'un ensemble de choses basé surgulpfile.js
可以添加需要webpack/sass/less
nodeJS + gulp + webpack
,ouvrez
gulpfile.js
dans le répertoire racine et vous pourrez voir les fonctions deelixir
, cette fonction permet d'ouvrir js et csscd /votre/root/dir/
🎜🎜npm install -g gulp
(très lent, vous pouvez rechercher et installer : cnpm)🎜🎜installation npm
🎜🎜gulp
🎜🎜 🎜 🎜Cela généreraapp.js app.css
sous votrepublic/css public/js
🎜 🎜C'est ce que vous pouvez<script src=""></script>
🎜 🎜Votre question :🎜window.$ = window.jQuery = require('jquery');
signifie importerjquery
et l'attribuer aux variables$
🎜🎜require
est la syntaxe denodeJS
, qui litindex.js d'un dossier sous
(Les détails dépendent de la direction denode_modules/
package.json
)🎜🎜node_modules/
et vous pourrez voir de nombreuses bibliothèques🎜🎜package.json
pour voir les bibliothèques de nœuds requises🎜🎜gulpfile.js
pour ajouter des fichiers nécessitantwebpack/sass/less
🎜🎜 🎜