2017-07-17 41 views
0

使用我的第一個webpack設置,似乎無法解決此問題。在webpack 2/jQuery主題中使用相對路徑

在主app.js切入點,針對特定文件夾(jsFileLocation變量)的路徑沒有找到文件夾中的公共目錄:

var tpj=jQuery; 
tpj(document).ready(function() { 
    var apiRevoSlider = tpj('.tp-banner').show().revolution({ 
     sliderType:"standard", 
     jsFileLocation: "./assets/canvas/rs-plugin/include/js", 
     sliderLayout:"fullscreen", 
... 

在公共目錄中,我們有:

── assets 
│ ├── canvas 
│ │ └── includes 
│ │ │ └── rs-plugin 
│ │ │ │ └── js 

app.js文件中的所有其他導入都沒有問題。這樣的結果是破壞jQuery的滑塊,如下所示:

和控制檯錯誤:

和源面板,這不顯示/ includes文件夾:

我缺少什麼?我嘗試了jsFileLocation變體的各種路徑組合,但無濟於事。

在此先感謝!

回答

0

這與Webpack無關。 Webpack將綁定您導入的文件。檢查文檔here

"./assets/canvas/rs-plugin/include/js"將不會被Webpack處理。該代碼將在文檔在瀏覽器中準備就緒時執行。把它放在一個可以通過http訪問的文件夾中,並且它應該正確加載。

關於TweenLite錯誤:看起來您正在使用'https://www.npmjs.com/package/gsap'。因此請通過npm安裝,以便它可用於webpack解決。