如何使用 Bower 建立依赖关系(例如 highlight.js)?

How to build dependency (ex highlight.js) with bower?

我将 highlight.js 添加到 bower.json 并安装了它。

但是只有highlight.js的源码,如何使用bower编译呢?

Bower 只是下载依赖项。安装取决于你在什么开发环境?使用 Yeoman 的单页应用程序? Node.JS 使用 Express 的 Web 应用程序?或者别的。

有一些 JS 任务运行程序,例如 gruntgulp。我更喜欢grunt。如果您正在使用 grunt,则存在 grunt 的名为 grunt-bower-task 的任务运行程序,它将 install 您下载的 Bower 组件放入满足我们需要的特定文件夹中。

我建议您使用/学习 Yeoman,其中包含 yo 脚手架,bower 依赖项管理器,以及 grunt 任务运行器(如果您是新手) single page application 发展。

所以基本上 bower 只是 front end dependency manager 不像 NPM,后者是我们通常在后端/网络服务器上使用的 NodeJS dependency/ package manager

因为您使用 bower 安装 highlight.js,我相信它是在客户端使用的。

根本不需要编译javascript,只需要加载并全局使用即可。

有几种方法可以将其加载到全局执行上下文中:

  • html<script src="path/to/bower/component/highlight.js"></script>

  • 中的内联脚本
  • 使用前端 AMD 模块化工具,如 requirejs

  • 使用前端CMD模块化工具如browserify, webpack