如何获取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