如何捆綁需要多個文件才能工作的插件

Question

我在嘗試將Aurelia-hammer與CLI捆綁時遇到了問題。 該應用程序仍然繼續從node_modules文件夾中拉拽hammer-swipe.js，hammer-tap.js ...。 當我檢查插件的AMD結構，這些被定義爲全球資源：

function configure(frameworkConfig) { 
frameworkConfig.globalResources('./hammer-swipe'); 
frameworkConfig.globalResources('./hammer-tap'); 
frameworkConfig.globalResources('./hammer-press'); 
frameworkConfig.globalResources('./hammer-hold');} 

有沒有辦法用CLI捆綁這些？我嘗試將這些文件添加到aurelia.json中的「resources」元素，但沒有成功。

Answer 1

插件作者應該導出這些類：（HammerPressCustomAttribute ...），以便它們可以正確跟蹤。但是你可以自己虛擬 - 進口的主題作爲一種解決方法：

import { HammerPressCustomAttribute } from 'aurelia-hammer/hammer-press'; 
import { HammerSwipeCustomAttribute } from 'aurelia-hammer/hammer-swipe'; 
import { HammerTapeCustomAttribute } from 'aurelia-hammer/hammer-tap'; 

通常你必須這樣做，以及：

import { HammerHoldCustomAttribute } from 'aurelia-hammer/hammer-hold'; 

但從錘hold.js出口類名爲HammerPressCustomAttribute （oops看起來像複製粘貼問題），所以只需引用該文件即使是不存在的類。

import { HammerHoldCustomAttribute } from 'aurelia-hammer/hammer-hold'; 

這應該解決您的問題（我希望）。最好在插件回購中打開一個問題，並要求作者導出這些類（並重命名重複的）。