javascript - 如何在网页中包含 Bower 组件

Question

我从 bower 开始，然后是 this tutorial首先。我对安装包没有问题，但对如何在静态网页中使用它没有问题。

我显然可以做类似的事情:

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

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

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

Answer 1

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

如果您真的雄心勃勃，可以利用 bower api推出您自己的构建解决方案，将“主要”文件提取到您的项目中。

另一件需要注意的事情是，并非您想要包含的每个依赖项都会正确实现 Bower 的配置(例如:缺少 main 属性或 bower.json 文件).还会有一些项目需要您包含 Assets (字体、图像等)，而 Bower 目前无法解决这些问题。在这些情况下，您需要想出一种移动文件的方法。我总是最终不得不使用类似 grunt-contrib-copy 的东西把所有的东西都放在它的地方。