npm 패키지 문제는 laravel5.3의 bootstrap.js 파일에 도입되었습니다.

Question

laravel5.3의 bootstrap.js 파일에는 다음 줄이 있습니다:

으아악

질문:
1. window._和window.$ = window.jQuery，window.Vue은 무슨 뜻인가요? 패키지를 소개할 때마다 이 줄을 먼저 작성해야 합니까?
2. require()는 전체 패키지를 소개하나요, 아니면 js 파일만 소개하나요? require('') ​​괄호를 보면 폴더명과 js 파일명이 동일한 것을 알 수 없습니다.

Answer 1

laravel 5.3의 app.js/boostrap.js는 <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

  nodeJS + gulp + webpack 기반의 집합이므로
  루트 디렉토리에서 gulpfile.js를 열면 elixir , 이 함수는 js와 css를 여는 데 사용됩니다

사용 방법:🎜

• 🎜nodejs 설치🎜🎜
• 🎜명령줄 열기🎜🎜
• 🎜cd /your/root/dir/🎜🎜
• 🎜npm install -g gulp (매우 느림, 검색하여 설치할 수 있음: cnpm)🎜🎜
• 🎜npm 설치🎜🎜
• 🎜꿀꺽🎜🎜 🎜 🎜이렇게 하면 public/css public/js 아래에 app.js app.css가 생성됩니다🎜 🎜이것이 <script src=""></script>할 수 있는 일입니다 🎜 🎜귀하의 질문:🎜
  • 🎜window.$ = window.jQuery = require('jquery');는 jquery를 가져와 $ 변수에 할당한다는 의미입니다. 🎜🎜
  • 🎜require는 node_modules/ 아래 폴더의 index.js를 읽는 nodeJS의 구문입니다. (자세한 내용은 package.json 방향에 따라 다름)🎜🎜
  • 🎜node_modules/를 열면 많은 라이브러리를 볼 수 있습니다🎜🎜
  • 🎜package.json을 열어 필수 노드 라이브러리를 확인하세요🎜🎜
  • 🎜gulpfile.js를 열어 webpack/sass/less🎜🎜가 필요한 파일을 추가하세요. 🎜