如何使用bower构建依赖关系(如highlight.js)？

Question

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

但是只有highlight.js的来源，我如何使用bower编译它呢？

Answer 1

Bower只是下载依赖项。安装取决于您所处的开发环境？有约曼的单页应用程序？Node.JS网络应用程序与快件？或者别的什么。

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

我建议您使用/学习Yeoman，其中包括yo (脚手架)、bower (依赖关系管理器)和grunt (任务运行器)(如果您正在启动single page application开发)。

因此，基本上，bower只是front end dependency manager，而不是NPM，NPM是我们通常在后端/ web服务器上使用的NodeJS dependency/ package manager。

Answer 2

由于您使用bower来安装highlight.js，所以我相信它在客户端使用。

您根本不需要编译javascript，只需要加载它并在全局使用它。

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

• html <script src="path/to/bower/component/highlight.js"></script>中的内联脚本
• 使用前端AMD模块化工具(如requirejs )
• 使用前端CMD模块化工具，如browserify、webpack。