{"id":2254,"date":"2017-05-05T10:14:16","date_gmt":"2017-05-05T02:14:16","guid":{"rendered":"http:\/\/www.daliane.com\/?p=2254"},"modified":"2017-05-05T10:14:16","modified_gmt":"2017-05-05T02:14:16","slug":"qian_duan_gong_ju_bower_wiredep","status":"publish","type":"post","link":"http:\/\/www.daliane.com\/category\/jinjiaoyou\/qian_duan_gong_ju_bower_wiredep\/","title":{"rendered":"\u524d\u7aef\u5de5\u5177bower wiredep"},"content":{"rendered":"<p style=\"font-size:16px;text-indent:1em;color:#333333;font-family:&quot;background-color:#FEFEFE;\">\n\tBower\u662f\u4e00\u4e2a\u5ba2\u6237\u7aef\u6280\u672f\u7684\u8f6f\u4ef6\u5305\u7ba1\u7406\u5668\uff0c\u5b83\u53ef\u7528\u4e8e\u641c\u7d22\u3001\u5b89\u88c5\u548c\u5378\u8f7d\u5982JavaScript\u3001HTML\u3001CSS\u4e4b\u7c7b\u7684\u7f51\u7edc\u8d44\u6e90\u3002\n<\/p>\n<p style=\"font-size:16px;text-indent:1em;color:#333333;font-family:&quot;background-color:#FEFEFE;\">\n\t\u8be6\u7ec6\u4fe1\u606f\u8bf7\u53c2\u8003&nbsp;bower\u5b98\u7f51&nbsp;\u3002\n<\/p>\n<p style=\"font-size:16px;text-indent:1em;color:#333333;font-family:&quot;background-color:#FEFEFE;\">\n\t\u51e0\u4e2a\u4f8b\u5b50\uff1a\n<\/p>\n<p style=\"font-size:16px;text-indent:1em;color:#333333;font-family:&quot;background-color:#FEFEFE;\">\n\t1.\u5f53\u524d\u9879\u76ee\u9700\u8981\u5f15\u5165jquery\n<\/p>\n<pre class=\"hljs nginx\"><span class=\"hljs-attribute\" style=\"color:#333333;\">bower<\/span> install jquery<\/pre>\n<p style=\"font-size:16px;text-indent:1em;color:#333333;font-family:&quot;background-color:#FEFEFE;\">\n\t\u53ea\u9700\u4e0a\u9762\u7b80\u5355\u4e00\u6761\u547d\u4ee4\u5c31\u53ef\u4ee5\u5c06jquery\u5e93\u5df2\u7ecf\u5176\u4f9d\u8d56\u7684\u5e93\u4e0b\u8f7d\u4e0b\u6765\u3002\u76f4\u63a5\u5c31\u53ef\u4ee5\u5728\u9879\u76ee\u4e2d\u5f15\u7528\u76f8\u5173\u7684\u6587\u4ef6\u5c31\u53ef\u4ee5\u4e86\u3002\n<\/p>\n<p style=\"font-size:16px;text-indent:1em;color:#333333;font-family:&quot;background-color:#FEFEFE;\">\n\t2.\u4f7f\u7528bower.json\n<\/p>\n<pre class=\"prettyprint hljs json\">{ <span class=\"hljs-attr\">\"name\"<\/span>: <span class=\"hljs-string\" style=\"color:#880000;\">\"bower demo\"<\/span>, <span class=\"hljs-attr\">\"version\"<\/span>: <span class=\"hljs-string\" style=\"color:#880000;\">\"2.9.0\"<\/span>, <span class=\"hljs-attr\">\"homepage\"<\/span>: <span class=\"hljs-string\" style=\"color:#880000;\">\"\"<\/span>, <span class=\"hljs-attr\">\"authors\"<\/span>: [ <span class=\"hljs-string\" style=\"color:#880000;\">\"xiaopeng &lt;lost1q84@gmail.com&gt;\"<\/span> ], <span class=\"hljs-attr\">\"description\"<\/span>: <span class=\"hljs-string\" style=\"color:#880000;\">\"bower.json test project\"<\/span>, <span class=\"hljs-attr\">\"keywords\"<\/span>: [ <span class=\"hljs-string\" style=\"color:#880000;\">\"test\"<\/span> ], <span class=\"hljs-attr\">\"license\"<\/span>: <span class=\"hljs-string\" style=\"color:#880000;\">\"MIT\"<\/span>, <span class=\"hljs-attr\">\"ignore\"<\/span>: [ <span class=\"hljs-string\" style=\"color:#880000;\">\"node_modules\"<\/span>, <span class=\"hljs-string\" style=\"color:#880000;\">\"bower_components\"<\/span>, <span class=\"hljs-string\" style=\"color:#880000;\">\"test\"<\/span>, <span class=\"hljs-string\" style=\"color:#880000;\">\"tests\"<\/span> ], <span class=\"hljs-attr\">\"dependencies\"<\/span>: { <span class=\"hljs-attr\">\"jquery\"<\/span>: <span class=\"hljs-string\" style=\"color:#880000;\">\"~2.1.0\"<\/span>, <span class=\"hljs-attr\">\"angular\"<\/span>: <span class=\"hljs-string\" style=\"color:#880000;\">\"~1.3.15\"<\/span>, <span class=\"hljs-attr\">\"angular-animate\"<\/span>: <span class=\"hljs-string\" style=\"color:#880000;\">\"~1.3.15\"<\/span>, <span class=\"hljs-attr\">\"angular-ui-router\"<\/span>: <span class=\"hljs-string\" style=\"color:#880000;\">\"~0.2.12\"<\/span>, <span class=\"hljs-attr\">\"ui-router-extras\"<\/span>: <span class=\"hljs-string\" style=\"color:#880000;\">\"~0.0.13\"<\/span>, <span class=\"hljs-attr\">\"angular-bootstrap\"<\/span>: <span class=\"hljs-string\" style=\"color:#880000;\">\"~0.13.0\"<\/span>, <span class=\"hljs-attr\">\"ngInfiniteScroll\"<\/span>: <span class=\"hljs-string\" style=\"color:#880000;\">\"~1.2.0\"<\/span> }\r\n}<\/pre>\n<p style=\"font-size:16px;text-indent:1em;color:#333333;font-family:&quot;background-color:#FEFEFE;\">\n\t\u5c06bower.json\u6587\u4ef6\u653e\u5165\u9879\u76ee\u7684\u6839\u76ee\u5f55\u4e2d\uff0c\u5728\u9879\u76ee\u6839\u76ee\u5f55\u4e2d\u8fd0\u884c&nbsp;bower install&nbsp;\u5c31\u53ef\u4ee5\u76f4\u63a5\u5c06\u9879\u76ee\u6240\u9700\u8981\u7684\u524d\u7aef\u5e93\uff0c\u76f4\u63a5\u4e0b\u8f7d\u4e0b\u6765\u3002\n<\/p>\n<p style=\"font-size:16px;text-indent:1em;color:#333333;font-family:&quot;background-color:#FEFEFE;\">\n\tbower\u89e3\u51b3\u4e86\u524d\u7aef\u5e93\u53ca\u5176\u4f9d\u8d56\u5b89\u88c5\u7684\u95ee\u9898\u3002\u81f3\u4e8e\u600e\u4e48\u628a\u771f\u6b63\u6240\u9700\u8981\u7684\u6587\u4ef6\u5f15\u5165\u5230html\u6587\u4ef6\u4e2d\uff0c\u5c31\u9700\u8981wiredep\u6765\u5e2e\u5fd9\u5566\u3002\n<\/p>\n<p style=\"font-size:16px;text-indent:1em;color:#333333;font-family:&quot;background-color:#FEFEFE;\">\n\t\u8be6\u60c5\u53c2\u8003&nbsp;wiredep\u9879\u76ee\u4e3b\u9875\n<\/p>\n<p style=\"font-size:16px;text-indent:1em;color:#333333;font-family:&quot;background-color:#FEFEFE;\">\n\thtml\u6587\u4ef6(index.html)\n<\/p>\n<pre class=\"prettyprint hljs xml\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\" style=\"color:#333333;\">html<\/span>&gt;<\/span> <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\" style=\"color:#333333;\">head<\/span>&gt;<\/span> <span class=\"hljs-comment\" style=\"color:#888888;\">&lt;!-- bower:css --&gt;<\/span> <span class=\"hljs-comment\" style=\"color:#888888;\">&lt;!-- endbower --&gt;<\/span> <span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\" style=\"color:#333333;\">head<\/span>&gt;<\/span> <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\" style=\"color:#333333;\">body<\/span>&gt;<\/span> <span class=\"hljs-comment\" style=\"color:#888888;\">&lt;!-- bower:js --&gt;<\/span> <span class=\"hljs-comment\" style=\"color:#888888;\">&lt;!-- endbower --&gt;<\/span> <span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\" style=\"color:#333333;\">body<\/span>&gt;<\/span> <span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\" style=\"color:#333333;\">html<\/span>&gt;<\/span> <\/pre>\n<p style=\"font-size:16px;text-indent:1em;color:#333333;font-family:&quot;background-color:#FEFEFE;\">\n\tgulp.js\n<\/p>\n<pre class=\"prettyprint hljs php\"><span class=\"hljs-keyword\" style=\"color:#333333;\">var<\/span> wiredep = <span class=\"hljs-keyword\" style=\"color:#333333;\">require<\/span>(<span class=\"hljs-string\" style=\"color:#880000;\">'wiredep'<\/span>).stream;\r\n\r\ngulp.task(<span class=\"hljs-string\" style=\"color:#880000;\">'bower'<\/span>, <span class=\"hljs-function\"><span class=\"hljs-keyword\" style=\"color:#333333;\">function<\/span> <span class=\"hljs-params\">()<\/span> <\/span>{  \r\n  gulp.src(<span class=\"hljs-string\" style=\"color:#880000;\">'.\/index.html'<\/span>)\r\n    .pipe(wiredep({\r\n      optional: <span class=\"hljs-string\" style=\"color:#880000;\">'configuration'<\/span>,\r\n      goes: <span class=\"hljs-string\" style=\"color:#880000;\">'here'<\/span> }))\r\n    .pipe(gulp.dest(<span class=\"hljs-string\" style=\"color:#880000;\">'.\/'<\/span>));\r\n});<\/pre>\n<p style=\"font-size:16px;text-indent:1em;color:#333333;font-family:&quot;background-color:#FEFEFE;\">\n\t\u5728\u547d\u4ee4\u884c\u8fd0\u884c&nbsp;gulp bower&nbsp;\u5c31\u53ef\u4ee5\u5c06\u6240\u9700\u5e93\u7684js\u3001css\u6587\u4ef6\u76f4\u63a5\u5f15\u5165\u5230html\u6587\u4ef6\u4e2d\u3002\n<\/p>\n<p style=\"font-size:16px;text-indent:1em;color:#333333;font-family:&quot;background-color:#FEFEFE;\">\n\tbower\u89e3\u51b3\u4e86\u524d\u7aef\u5e93\u4f9d\u8d56\u7ba1\u7406\u7684\u75db\u70b9\uff0c\u800cwiredep\u89e3\u51b3\u4e86bower\u524d\u7aef\u5e93\u5f15\u5165\u8fdbhtml\u7684\u95ee\u9898\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bower\u662f\u4e00\u4e2a\u5ba2\u6237\u7aef\u6280\u672f\u7684\u8f6f\u4ef6\u5305\u7ba1\u7406\u5668\uff0c\u5b83\u53ef\u7528\u4e8e\u641c\u7d22\u3001\u5b89\u88c5\u548c\u5378\u8f7d\u5982JavaScript\u3001HTML\u3001CSS\u4e4b\u7c7b&#8230;<\/p>\n","protected":false},"author":2,"featured_media":228,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"categories":[38],"tags":[159],"_links":{"self":[{"href":"http:\/\/www.daliane.com\/category\/jinjiaoyou\/wp-json\/wp\/v2\/posts\/2254"}],"collection":[{"href":"http:\/\/www.daliane.com\/category\/jinjiaoyou\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.daliane.com\/category\/jinjiaoyou\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.daliane.com\/category\/jinjiaoyou\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.daliane.com\/category\/jinjiaoyou\/wp-json\/wp\/v2\/comments?post=2254"}],"version-history":[{"count":1,"href":"http:\/\/www.daliane.com\/category\/jinjiaoyou\/wp-json\/wp\/v2\/posts\/2254\/revisions"}],"predecessor-version":[{"id":2255,"href":"http:\/\/www.daliane.com\/category\/jinjiaoyou\/wp-json\/wp\/v2\/posts\/2254\/revisions\/2255"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.daliane.com\/category\/jinjiaoyou\/wp-json\/wp\/v2\/media\/228"}],"wp:attachment":[{"href":"http:\/\/www.daliane.com\/category\/jinjiaoyou\/wp-json\/wp\/v2\/media?parent=2254"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.daliane.com\/category\/jinjiaoyou\/wp-json\/wp\/v2\/categories?post=2254"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.daliane.com\/category\/jinjiaoyou\/wp-json\/wp\/v2\/tags?post=2254"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}