2016-03-05 19 views
1

我使用Roots/Sage wordpress啓動器主題,它使用npm,gulp和bower。我不想在我的主題中使用blueimp gallery使用npm作爲前端依賴還是我誤解了某些東西?

早些時候,我有涼亭安裝了它,但Bluimp /畫廊的新版本沒有bower.json文件,Blueimp /畫廊says的創造者:

隨着新公共管理的最新版本,它支持平坦的依賴 樹,我沒有看到涼亭的需要了。

我該如何在我的主題中安裝Blueimp/Gallery? 我嘗試使用npm install --save blueimp-gallery,但是現在gulp沒有將Blueimp的CSS和js編譯成我的main.js和main.css。我還應該使用涼亭嗎?

回答

0

我決定使用涼亭。 編輯我bower.json文件,所以它的建設blueimp的文件/畫廊,以及:

"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 /畫廊的CSS一直在尋找它dist/img的形象,但我gulpfile複製他們到dist/imagesdist/fonts(svg's)。所以我在字體和圖像上添加了這條線,吞嚥任務:

.pipe(gulp.dest(path.dist + 'img')) 
相關問題