javascript - 如何更改一个组件的 bower-installer 路径

Question

我正在使用 bower-installer 将需要的文件从 bower_components 文件夹复制到 bower_dist 文件夹中。这是 bower.json 文件的相关部分:

"install": {
    "path": "bower_dist"
},
"dependencies": {
    "jquery": "~2.1.4",
    "bootstrap": "~3.3.4",
    "slick.js": "~1.5.5"
},

现在这是为每个组件创建 bower_dist 文件夹和其中的文件夹。问题是在 slick.js 组件中，我需要在 /slick.js/fonts 文件夹(而不仅仅是 /slick.js/ 文件夹)。

我该怎么做？我尝试为 eot、svg、ttf 和 woff 指定特殊情况，但随后将其应用于所有组件。另外，我不想介绍需要指定所有文件类型(js、css 等)...而只想为 slick.js 配置特殊的字体类型。这可以吗？

Answer 1

这里的问题似乎是 slick.js 在他们的 bower.json 中使用了 glob 模式。 main 文件数组，即not supported...

Globs like js/*.js are not allowed.

您应该执行以下操作...

1. 在您的 bower.json 文件中覆盖 slick.js 所需的文件(参见 Install multiple main files 和 Configurable paths)

   "install": {
       "base": "bower_dist",
       "path": {
           "js": "{name}",
           "css": "{name}",
           "eot": "{name}/fonts",
           "svg": "{name}/fonts",
           "ttf": "{name}/fonts",
           "woff": "{name}/fonts"
       },
       "sources": {
           "slick.js": [
               "bower_components/slick.js/slick/slick.min.js",
               "bower_components/slick.js/slick/slick.css",
               "bower_components/slick.js/slick/slick-theme.css",
               "bower_components/slick.js/slick/fonts/slick.eot",
               "bower_components/slick.js/slick/fonts/slick.svg",
               "bower_components/slick.js/slick/fonts/slick.ttf",
               "bower_components/slick.js/slick/fonts/slick.woff"
           ]
       }
   }
   

   用 bower_components 替换您的 bower 安装目录。

2. 关注 this pull request .