laravel5.3的bootstrap.js檔案中引入npm套件問題

Question

laravel5.3的bootstrap.js檔案有以下幾行：

window._ = require('lodash');

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

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

問題：
1、window._與window.$ = window.jQuery，window.Vue表示什麼意思？每引入一個包都要先寫這一行嗎？
2、require()引進的是整個套件還是只是js檔？從require('')括號裡面看不出來，資料夾名字跟js檔名是一樣的。

Answer 1

laravel 5.3的app.js/boostrap.js 都不是能透過<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的檔案