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的文件