javascript - 如何指定bower-install的目标目录？

Question

在我的 index.html 文件中，我添加了以下内容:

    <!-- bower:js -->
    <!-- endbower -->

为了让 install-bower grunt 任务放置我所有的 Bower 依赖项。在我的 Gruntfile.js 中，我有以下任务:

    'bower-install': {
        dist: {
            html: 'cwf/index.html'
        }
    }

最后，在我的 index.html 中，我得到如下内容:

    <!-- bower:js -->
    <script src="bower_components/jquery/jquery.js"></script>
    <script src="bower_components/angular/angular.js"></script>
    ...
    <!-- endbower -->

但是，我想将任务配置为在 bower_components 之前添加 ../，以便得到:

    <!-- bower:js -->
    <script src="../bower_components/jquery/jquery.js"></script>
    <script src="../bower_components/angular/angular.js"></script>
    ...
    <!-- endbower -->

如何为此目的配置任务？

Answer 1

在 Bower.json 所在位置创建一个名为:.bowerrc 的文件。 这就是您配置 bower 的方法。

添加属性directory，以指定组件的下载路径。

.bowerrc 的内容

{
  "directory": "../yourCustomPath/"
}