bower

Jump to bottom Edit New page

Liu Ming edited this page Jun 3, 2015 · 1 revision

使用bower

bower模板命令可以直接在模板中引用相应的插件，基于bower命令，Goblet会自动下载相应的bower库，安装在/pugblic/plugins目录下面，读取相应的bower.json文件，并引入所有的main文件。

使用准备

安装bower，以及bower所依赖的npm等软件

在模板中使用bower

示例

<head>
……
{{ bower "bootstrap" "2.3.2"}}
<link href="/plugins/bootstrap/docs/assets/css/bootstrap-responsive.css" rel="stylesheet">
</head>

上述命令引用了bootstrap库的2.3.2版本，模板渲染后的引用如下：

<script src=/plugins/jquery/jquery.js></script>
<script src=/plugins/bootstrap/./docs/assets/js/bootstrap.js></script>
<link href=/plugins/bootstrap/./docs/assets/css/bootstrap.css rel='stylesheet'></link>

bower模板命令通过解析bower.json中的依赖关系和main文件完成上述功能

注意：第一次加载某个模板会导致渲染等待，请稍等片刻