如何在网页中包含 Bower 组件
How to include bower component in a web page
我从 bower 开始，最初是 this tutorial。我对安装包没有问题，但对如何在静态网页中使用它没有问题。
我显然可以做类似的事情：
<script src="bower_components/module_name/module.js"></script>
对于我需要的每个组件，但在我看来这不是一个好方法。所以我想我遗漏了一些可以 link 页面生成到我的凉亭组件的东西。
可能有一个 bower 组件可以帮助我将所有包包含在 bower_components 目录中。
这是一种方法，但我通常将 bower 与其他构建工具结合使用，例如 grunt or gulp. Then you can use a task, like grunt-bower-task，以便仅将必要的文件复制到您选择的目录中。
如果您真的雄心勃勃，可以利用 bower api 推出您自己的构建解决方案，将 "main" 文件提取到您的项目中。
另一件需要注意的事情是，并非您想要包含的每个依赖项都会正确实现 Bower 的配置（例如：缺少 main 属性或 bower.json 文件）。还会有一些项目需要您包含资产（字体、图像等），而 Bower 目前无法解决这些问题。在这些情况下，您需要想出一种移动文件的方法。我总是最终不得不使用 grunt-contrib-copy 之类的东西来把所有东西都放好。
我从 bower 开始，最初是 this tutorial。我对安装包没有问题，但对如何在静态网页中使用它没有问题。
我显然可以做类似的事情：
<script src="bower_components/module_name/module.js"></script>
对于我需要的每个组件，但在我看来这不是一个好方法。所以我想我遗漏了一些可以 link 页面生成到我的凉亭组件的东西。
可能有一个 bower 组件可以帮助我将所有包包含在 bower_components 目录中。
这是一种方法，但我通常将 bower 与其他构建工具结合使用，例如 grunt or gulp. Then you can use a task, like grunt-bower-task，以便仅将必要的文件复制到您选择的目录中。
如果您真的雄心勃勃，可以利用 bower api 推出您自己的构建解决方案，将 "main" 文件提取到您的项目中。
另一件需要注意的事情是，并非您想要包含的每个依赖项都会正确实现 Bower 的配置（例如：缺少 main 属性或 bower.json 文件）。还会有一些项目需要您包含资产（字体、图像等），而 Bower 目前无法解决这些问题。在这些情况下，您需要想出一种移动文件的方法。我总是最终不得不使用 grunt-contrib-copy 之类的东西来把所有东西都放好。