安裝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