---
title: MavenプロジェクトでBowerを使う
tags: []
categories: ["Programming", "JavaScript", "Bower"]
date: 2013-10-29T00:49:01Z
updated: 2013-10-29T00:49:01Z
---

どこにファイルを置くかって話。たいした話ではない

別にビルドツールはMavenじゃなくていいけど・・

### Bowerインストール

    $ npm install -g bower

npmのインストールは[こちら][1]

### プロジェクト構成
こんな感じ

    プロジェクトルート
        ├ src
        │  ├ main
        │  │  ├ java
        │  │  ├ resources
        │  │  └ webapp
        │  │      ├ assets
        │  │      │  └ lib <- ここにjsライブラリを配置する
        │  │      └ WEB-INF
        │  └ test
        │      ├ java
        │      └ resources
        ├ .bowerrc
        ├ bower.json
        └ pom.xml

#### bower.json

    {
      "name": "projectname",
      "version": "1.0.0-SNAPSHOT",
      "dependencies": {
        "backbone": "1.0.0",
        "jquery": "2.0.3",
        "underscore": "1.5.2",
        "bootstrap": "3.0.0"
      }
    }

もうちょいちゃんと設定しよう

#### .bowerrc

    {
      "directory": "src/main/webapp/assets/lib"
    }

### ライブラリインストール

    $ bower install

### Spring MVCを使う場合

Spring MVC用のBean定義ファイルに

    <mvc:resources mapping="/assets/**"
        location="/assets"
        cache-period="#{60 * 60}" />

と設定すれば、`${pageContext.request.contextPath}/assets/lib/backbone/backbone-min.js`という風にアクセスできる


  [1]: /#/entries/155