如何獲取Magento 2的JavaScript文件中的靜態圖像文件的URL？

Question

我需要從JavaScript文件（payment.js）中獲取存儲在我的主題（app/design/frontend/MyVendor/MyTheme/web/images/image.png）中的圖像的URL。

在PHP中我可以做這樣的：

<?php echo $block->getViewFileUrl('images/image.png') ?> 

我怎樣才能做到這一點在JavaScript？

Answer 1

我做到了從*一個.phtml文件中添加變量窗口：

<script> 
    window.imgpath = '<?php echo $block->getViewFileUrl('images/image.png') ?>'; 
</script> 

和讀取變量從窗口* .js文件：

function someFunction() { 
    var imgPath = window.imgpath; 
} 

其實，在Magento的核心文件，我看到了這樣的事例。

Answer 2

一個更好的辦法來做到這一點是：

一個.phtml文件

<script type="text/x-magento-init"> 
    { 
     "*": { 
      "Module/js/example":"<?php echo "test" ?>" 
     } 
    }   
</script> 

js文件

define([], function() { 
    var mageJsComponent = function(config) 
    { 
     console.log(config); 
    }; 

    return mageJsComponent; 
}); 

文件：http://devdocs.magento.com/guides/v2.0/javascript-dev-guide/javascript/custom_js.html