《拉雷维尔》中NPM、作曲家和鲍尔之间的区别?

所以在拉雷维尔 Composer ,则, NPM 和 Bower ,我知道他们都是防臭经理。

创作者 -这似乎侧重于PHP依赖项,包列表是由 composer.json 。若要安装软件包,您可以添加到此文件或运行 php composer install <package> 。

NPM公司 -这似乎集中在JavaScript依赖性上,但也有大量的包。安装的软件包 npm install 由 package.json 文件

凉亭 -据我所知,这是针对前端软件包的?

在Laravel中,如果您愿意,您可以使用所有三个,但如果可以通过(比如)两者访问库,为什么要使用其中一个呢 npm 和 composer ?

例如,在安装Laravel时,它们有两个文件:

• app.js -应用程序的主js文件
• bootstrap.js -应用程序中包含的文件。js引入一些依赖项

这是我的 独自创立js公司 在里面 resources/js

window._ = require('lodash');
window.Popper = require('popper.js').default;

/**
 * We'll load jQuery and the Bootstrap jQuery plugin which provides support
 * for JavaScript based Bootstrap features such as modals and tabs. This
 * code may be modified to fit the specific needs of your application.
 */

try {
    window.$ = window.jQuery = require('jquery');

    require('bootstrap');
    require('slick-carousel');
    require('isotope-layout/dist/isotope.pkgd.min.js');
    require('tablesorter/dist/js/jquery.tablesorter.combined.min.js');
} 

catch (e) {}

/**
 * We'll load the axios HTTP library which allows us to easily issue requests
 * to our Laravel back-end. This library automatically handles sending the
 * CSRF token as a header based on the value of the "XSRF" token cookie.
 */

window.axios = require('axios');

window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';

/**
 * Next we will register the CSRF Token as a common header with Axios so that
 * all outgoing HTTP requests automatically have it attached. This is just
 * a simple convenience so we don't have to attach every token manually.
 */

let token = document.head.querySelector('meta[name="csrf-token"]');

if (token) {
    window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;
} else {
    console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token');
}

/**
 * Echo exposes an expressive API for subscribing to channels and listening
 * for events that are broadcast by Laravel. Echo and event broadcasting
 * allows your team to easily build robust real-time web applications.
 */

// import Echo from 'laravel-echo'

// window.Pusher = require('pusher-js');

// window.Echo = new Echo({
//     broadcaster: 'pusher',
//     key: process.env.MIX_PUSHER_APP_KEY,
//     cluster: process.env.MIX_PUSHER_APP_CLUSTER,
//     encrypted: true
// });

在里面 app.css 我有这个:

/* 
 * This file takes all of the styling we need and compiles it into one nice CSS file.
 * You'll notice you can pull in anything from the node_modules folder use a Tiddle (~)
*/

@import '~bootstrap/dist/css/bootstrap.min.css'; // Bootstrap 3.3.7 CSS
@import '~slick-carousel/slick/slick.css';       // Slick Carousel base CSS

@import "variables";                             // Sass Variables

@import "partials/typography";                   // All from this point are from the partials folder
@import "partials/mixins";
@import "partials/helpers";
@import "partials/navigation";
@import "partials/breadcrumb-bar";
@import "partials/welcome-box";
@import "partials/form-box";
@import "partials/content-box";
@import "partials/carousels";
@import "partials/tables";
@import "partials/interactions-row";
@import "partials/downloads-area";
@import "partials/articles-events";
@import "partials/biography-pages";
@import "partials/grid";
@import "partials/footer";
@import "partials/steve-custom.scss";

真正让我感到困惑的是:如何 应用程序。js公司 知道我指的是 node_modules 文件夹以及如何 应用程序。css 我知道我指的是引导,只是使用 ~ ?

为什么我不必指定绝对路径?

是JavaScript相关项通常来自的一般经验法则 npm公司 PHP依赖项来自 创作者 ?

我的困惑是因为我在看一个名为Laravel Full Calendar的包,它的样式和JS代码似乎是通过npm提取的,但其依赖PHP的部分是从Composer提取的?

这是正常行为吗?

我知道这里有很多问题,但我觉得Laracasts没有解释这些包管理器的实际用法。