Masalah pakej npm diperkenalkan dalam fail bootstrap.js laravel5.3

Question

Fail bootstrap.js laravel5.3 mempunyai baris berikut:

window._ = require('lodash');

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

window.Vue = require('vue');
require('vue-resource');

Soalan:
1. Apakah maksud window._和window.$ = window.jQuery，window.Vue? Adakah saya perlu menulis baris ini terlebih dahulu setiap kali saya memperkenalkan pakej?
2 Adakah memerlukan() memperkenalkan keseluruhan pakej atau hanya fail js? Ia tidak boleh dilihat dari kurungan require('') ​​​​bahawa nama folder dan nama fail js adalah sama.

Answer 1

App.js/boostrap.js laravel 5.3 tidak boleh diakses melalui <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库

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

  Oleh kerana ia adalah satu set perkara berdasarkan nodeJS + gulp + webpack,
  buka gulpfile.js dalam direktori root dan anda boleh melihat fungsi elixir , fungsi ini digunakan untuk membuka js dan css

Cara penggunaan:🎜

• 🎜Pasang nodejs🎜🎜
• 🎜Buka baris arahan🎜🎜
• 🎜cd /your/root/dir/🎜🎜
• 🎜npm install -g gulp (sangat perlahan, anda boleh mencari dan memasang: cnpm)🎜🎜
• 🎜pasang npm🎜🎜
• 🎜teguk🎜🎜 🎜 🎜Ini akan menjana app.js app.css di bawah public/css public/js anda🎜 🎜Ini yang anda boleh <script src=""></script> 🎜 🎜Soalan anda:🎜
  • 🎜window.$ = window.jQuery = require('jquery'); bermaksud mengimport jquery dan menetapkannya kepada $ Pembolehubah 🎜🎜
  • 🎜require ialah sintaks nodeJS, yang membaca index.js folder di bawah node_modules/ (Butiran bergantung pada arah package.json)🎜🎜
  • 🎜Buka node_modules/ dan anda boleh melihat banyak perpustakaan🎜🎜
  • 🎜Buka package.json untuk melihat perpustakaan nod yang diperlukan🎜🎜
  • 🎜Buka gulpfile.js untuk menambah fail yang memerlukan webpack/sass/less🎜🎜 🎜