如何在网页中包含bower组件

How to include bower component in a web page

本文关键字：包含 bower 组件网页更新时间：2023-09-26

我从bower开始，最初遵循了本教程。我在安装软件包方面没有问题，但在如何在静态网页中使用它方面没有问题。

我显然可以做一些类似的事情：

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

对于我需要的每个组件，但在我看来这不是一个好方法。所以我认为我缺少了一些可以将页面生成链接到我的bower组件的东西。

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

这是一种方法，但我通常将bower与其他构建工具结合使用，如grunt或gullow。然后你可以使用一个任务，比如grunt-bower任务，只将必要的文件复制到你选择的目录中。

如果你真的很有野心，你可以利用bowerapi来推出你自己的构建解决方案，将"主"文件提取到你的项目中。

需要注意的另一件事是，并不是你想要包含的每个依赖项都能正确地实现bower的配置（例如：缺少main属性或bower.json文件）。还有一些项目需要您包含资产（字体、图像等），而bower目前还没有解决这些问题。在这种情况下，您需要想出一种方法来移动文件。我最终总是不得不使用类似于咕哝的contrib副本之类的东西来把所有东西都放在原处。