Le problème du package npm est introduit dans le fichier bootstrap.js de laravel5.3
PHP中文网
PHP中文网 2017-05-16 16:49:44
0
1
384

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.jQuerywindow.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.

PHP中文网
PHP中文网

认证0级讲师

répondre à tous(1)
伊谢尔伦

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导入进来,并赋值给$变量

  • requirenodeJS的语法,读取的是 node_modules/下的某个文件夹的index.js (具体要看package.json的指向)

  • 打开node_modules/可以看到很多的库

  • 打开package.json 可以看到所需的node库

  • 打开gulpfile.js 可以添加需要webpack/sass/less

    Parce qu'il s'agit d'un ensemble de choses basé sur nodeJS + gulp + webpack,
    ouvrez gulpfile.js dans le répertoire racine et vous pourrez voir les fonctions de elixir , cette fonction permet d'ouvrir js et css
Comment utiliser :🎜
  • 🎜Installer nodejs🎜🎜
  • 🎜Ouvrir la ligne de commande🎜🎜
  • 🎜cd /votre/root/dir/🎜🎜
  • 🎜npm install -g gulp (très lent, vous pouvez rechercher et installer : cnpm)🎜🎜
  • 🎜installation npm🎜🎜
  • 🎜gulp🎜🎜 🎜 🎜Cela générera app.js app.css sous votre public/css public/js🎜 🎜C'est ce que vous pouvez <script src=""></script> 🎜 🎜Votre question :🎜
    • 🎜window.$ = window.jQuery = require('jquery'); signifie importer jquery et l'attribuer aux variables $ 🎜🎜
    • 🎜require est la syntaxe de nodeJS, qui lit index.js d'un dossier sous node_modules/ (Les détails dépendent de la direction de package.json)🎜🎜
    • 🎜Ouvrez node_modules/ et vous pourrez voir de nombreuses bibliothèques🎜🎜
    • 🎜Ouvrez package.json pour voir les bibliothèques de nœuds requises🎜🎜
    • 🎜Ouvrez gulpfile.js pour ajouter des fichiers nécessitant webpack/sass/less🎜🎜 🎜
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal