IK.AM

@making's tech note

MavenプロジェクトでBowerを使う

🗃 {Programming/JavaScript/Bower}
🗓 Updated at 2013-10-29T00:49:01Z  🗓 Created at 2013-10-29T00:49:01Z   🌎 English Page

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

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

Bowerインストール

$ npm install -g bower

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

プロジェクト構成

こんな感じ

プロジェクトルート
    ├ 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という風にアクセスできる

✒️️ Edit  ⏰ History  🗑 Delete