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/