Bower 是目前最流行的前端包管理工具,在为 Laravel 准备开发环境的时候,使用他来安装一些必备的前端组件是非常方便的
在 Bower 官网有一个组件搜索功能,是由 libraries.io 提供了,里面罗列了30个种不同的包管理工具的一些数据,提供对包进行数据追踪的商业服务,蛮有意思的
Bower 发端自 Twitter’s open source effort
安装配置:
首先在 Laravel 的项目根目录下面创建一个 bower.json 文件,内容为:
{
"name": "xiaochouyu.me"
}
还需要创建一个 .bowerrc 文件来设置 bower 默认的程序安装目录:
{
"directory": "resources/assets/bower"
}
然后先通过 npm 安装 bower:
sudo npm install -g bower
先初始化一下(会要求填写一些信息),在本地生成一个 bower.json 的文件保存相关信息:
bower init
通过 bower 安装 jQuery 和 Bootstrap:
bower install jquery --save
bower install bootstrap --save
以为就可以在浏览器中使用了:
<script src="../assets/bower/jquery/dist/jquery.js"></script>
<script src="../assets/bower/bootstrap/dist/js/bootstrap.js"></script>
然并卵,Laravel 的前端文件管理必须借助 sass 和 webpack,而不能直接访问安装的 js 和 css 文件,这个请具体参考以后 sass 和 webpack 的学习笔记,因为急用,所以先 hack 了