Laravel中使用Bower进行包管理

当前端使用script标签方式加载JavaScript文件的时候，内心总是幻想如果能像webpack安装软件包得是多么爽的一件事，仅仅需要输入几行命令，就可以享受工具带来的便利（如果老系统仅仅为了使用webpack，那基本相当于重构了，实在是得不偿失。在不使用webpack的前提下，同样可以达到安装软件包的方式，那就是使用Bower，下面我们采用这个方式来安装crypto-js软件包作为示例。
Github示例

1. 首先全局安装Bower包管理器：

npm install -g bower
//cnpm install -g bower #使用淘宝镜像源安装比较快

2. 项目根目录中输入如下命令：

bower install crypto-js --save

3. 上面命令执行完成后，会生成一个.bower文件，文件中保存着项目依赖包的信息，bower_component文件中保存着刚刚下载下来的crypto-js包。
   
4. 由于Laravel对外有访问权限的目录只有public，所以需要把包的路径重新指向到这里用于后面加载js文件，下面进行目录的重新映射，

#新建 .bowerrc，用其他方式新建文件也可以
touch .bowerrc

5. 在.bowerrc文件中填入如下内容，来把包安装目录指向到public目录下，

{
	"directory": "./public/bower_components"
}

6. 下面删除bower_components文件夹，然后使用bower.json来安装包依赖，只需要执行：

bower install

执行完成命令后可以看到public目录下已经成功安装了软件包

7. 接下来需要我们在blade中引入js，然后就就可以使用这个库了。

<script  type="text/javascript" src="/bower_components/crypto-js/crypto-js.js"></script>
<script>
	console.log(CryptoJS.HmacSHA1("Message", "Key").toString());
    alert(CryptoJS.HmacSHA1("Message", "Key").toString());
</script>

到此已经完成安装，可以是成功使用采用bower安装的包文件了。

参考：
[1] https://github.com/brix/crypto-js/tree/master
[2] https://www.jianshu.com/p/d9e46b5a8f80
[3] https://bower.io/
[4] https://www.ibm.com/developerworks/cn/web/1501_chengfu_browserify/