grunt+bower依賴管理

安裝bower(必須安裝git)node

npm install bower -g

bower按照插件命令
初始化配置jquery

bower init 生成bower.json
//若是有bower.json 直接輸入bower install下載依賴組件,這個和grunt同樣。
bower install jquery --save(save 保存到bower.json)

{
  "name": "grunt_bower",
  "description": "lib bower",
  "main": "index.js",
  "authors": [
    "cjw"
  ],
  "license": "ISC",
  "homepage": "",
  "ignore": [
    "**/.*",
    "node_modules",
    "bower_components",
    "test",
    "tests"
  ],
  "dependencies": {
    "jquery": "^1.11.3",
    "requirejs": "^2.2.0",
    "text": "^2.0.15",
    "underscore": "^1.8.3",
    "backbone": "https://github.com/marionettejs/backbone.wreqr/"
  }
}

爲了把bower按照的插件拷貝到lib下面、
爲了實現這樣的功能,咱們還須要另外一個插件的幫助:git

npm install grunt-bower-task --save-dev

而後打開其文檔,按照上面的提示進行配置。首先在 Gruntfile 中合適位置添加:github

grunt.loadNpmTasks('grunt-bower-task');

而後在 grunt.initConfig({...}) 參數中,添加相應的配置項,把bower下載的js庫拷貝到 public/js/lib 下:npm

{
  "bower": {   
   "install": { 
        "options": {
                "targetDir": "./public/js/lib",
                "layout": "byComponent",
                "install": true,
                "verbose": false,
                "cleanTargetDir": false
              }
          }
      }
}

而後直接輸入 grunt bower
也能夠直接寫到watch裏面json

相關文章
相關標籤/搜索