学习笔记《Bower》

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 了

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • bower是什么? Bower是一个客户端技术的软件包管理器,它可用于搜索、安装和卸载如JavaScript、HT...
    质真如渝阅读 410评论 0 1
  • 基础 从webpack文件上来看,主要用到的有entry,output,resolve,module,plugin...
    2林子易2阅读 2,257评论 2 3
  • 目录第1章 webpack简介 11.1 webpack是什么? 11.2 官网地址 21.3 为什么使用 web...
    lemonzoey阅读 1,757评论 0 1
  • 过去做事情急,什么东西拿起来就用,不喜欢进行系统性的学习,造成在使用过程中的错误和低效,现在感觉自己耐心多了,用之...
    马文Marvin阅读 2,022评论 0 10
  • 有亮凌晨走的,我还没醒他就离开了。正韬中午走的,临走也就说了句我走了。虽然到了彼此不过各自的过客,但就像鸿爪雪泥,...
    将去君阅读 235评论 0 0