如何使用 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 任务运行程序,例如 grunt
或 gulp
。我更喜欢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
我将 highlight.js
添加到 bower.json
并安装了它。
但是只有highlight.js
的源码,如何使用bower编译呢?
Bower 只是下载依赖项。安装取决于你在什么开发环境?使用 Yeoman 的单页应用程序? Node.JS 使用 Express 的 Web 应用程序?或者别的。
有一些 JS 任务运行程序,例如 grunt
或 gulp
。我更喜欢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