recherche

Maison  >  Questions et réponses  >  le corps du texte

Le problème du package npm est introduit dans le fichier bootstrap.js de laravel5.3

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中文网2791 Il y a quelques jours411

répondre à tous(1)je répondrai

  • 伊谢尔伦

    伊谢尔伦2017-05-16 16:51:44

    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🎜🎜 🎜

        répondre
        0
  • Annulerrépondre