如何在网页中包含bower组件

时间:2015-03-21 18:33:09

标签: javascript html bower

我从凉亭开始,首先关注this tutorial。我没有安装软件包的问题,​​但是如何在静态网页中使用它。

我显然可以这样做:

<script src="bower_components/module_name/module.js"></script>

我需要的每个组件,但在我看来,这不是一个好方法。所以我想我错过了一些可以将页面生成链接到我的凉亭组件的东西。

可能有一个bower组件可以帮助我将所有包包含在bower_components目录中。

1 个答案:

答案 0 :(得分:3)

这是一种方法,但我通常将bower与其他构建工具结合使用,例如gruntgulp。然后,您可以使用grunt-bower-task等任务将必要的文件复制到您选择的目录中。

如果您感觉非常雄心勃勃,可以利用bower api推出自己的构建解决方案来提取&#34; main&#34;文件进入你的项目。

另一件需要注意的事情是,并非您想要包含的每个依赖项都能正确实现bower的配置(例如:缺少main属性或bower.json文件)。还有一些项目需要你包括资产(字体,图像等),这些都是凉亭当前没有解决的问题。在这些情况下,您需要提出一种移动文件的方法。我总是不得不使用类似grunt-contrib-copy之类的内容来获取所有内容。