使用npm作为前端dependecie还是我误解了什么?

时间:2016-03-05 13:07:41

标签: npm gulp bower

我使用Roots/Sage wordpress启动主题,它使用npm,gulp和bower。

我不想在我的主题中使用blueimp gallery

早些时候我用bower安装了它,但Bluimp / Gallery的新版本没有bower.json文件,以及Blueimp / Gallery says的创建者:

  

使用最新版本的NPM及其对扁平依赖的支持   树木,我不再认为需要凉亭了。

我应该如何在我的主题中安装Blueimp / Gallery? 我尝试使用npm install --save blueimp-gallery,但现在gulp没有将Blueimp的css和js编译到我的main.js和main.css中。我还应该使用凉亭吗?

1 个答案:

答案 0 :(得分:0)

我决定使用凉亭。 编辑了我的bower.json文件,因此它也构建了blueimp / Gallery的文件:

"overrides": {
    "blueimp-gallery": {
      "main": [
      "css/blueimp-gallery.css",
      "css/blueimp-gallery-indicator.css",
      "css/blueimp-gallery-video.css",
      "img/error.png",
      "img/error.svg",
      "img/loading.gif",
      "img/play-pause.png",
      "img/play-pause.svg",
      "img/video-play.png",
      "img/video-play.svg",
      "js/blueimp-helper.js",
      "js/blueimp-gallery.js",
      "js/blueimp-gallery-fullscreen.js",
      "js/blueimp-gallery-indicator.js",
      "js/blueimp-gallery-video.js",
      "js/blueimp-gallery-vimeo.js",
      "js/blueimp-gallery-youtube.js"
      ]
  }
}

我还编辑了我的gulpfile.js,因为Blueimp / Gallery的CSS正在dist/img中查找它的图像,但是我的gulpfile将它们复制到dist/images和{{ 1}}(svg' s)。所以我将这一行添加到字体和图像gulp任务中:

dist/fonts