所以在Laravel有Composer,NPM和Bower,我知道他们都是deoendancy经理.
Composer – 这似乎关注PHP依赖关系,包列表是composer.json的内容控制器.要安装软件包,您可以添加到此文件或运行php composer install< package>.
NPM – 这似乎专注于JavaScript依赖,但也有一个疯狂的包. npm install安装的软件包由package.json文件的内容决定.
鲍尔 – 据我所知,这是针对前端套餐的？
如果你愿意,你可以在Laravel中使用所有这三个,但是如果通过npm和composer这两个库可用,你为什么要使用另一个？
例如,在Laravel的安装中,它们有两个文件：
> app.js – 应用程序的主要js文件
> bootstrap.js – app.js中包含的文件,用于引入某些依赖项
这是我在resources / js中的bootstrap.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";
实际上真正抛弃我的是：app.js怎么知道我在node_modules文件夹中引用文件夹,app.css怎么知道我只是通过使用〜来引用Bootstrap？
为什么我不必指定绝对路径？
一般的经验法则是,JavaScript相关项通常来自npm,而PHP依赖项来自作曲家？
我的困惑是因为我正在查看一个名为Laravel Full Calendar的软件包,它的样式和JS代码似乎是通过npm提取的,但它的PHP依赖部分是从Composer中提取的？
这是正常的行为吗？
我觉得这里有很多问题,但我觉得Laracasts真的没有解释这些包管理器的实际用法.
...)
