带有源URL的插件javascript，用于使用错误目录的图像

Question

这很难，我真的很想得到一些帮助。

我有一个插件，它有一个JavaScript文件，其中有一个指向"；纹理"；目录中的图像，但不断得到404个错误，因为它不是在/website/content/plugins/die/textures中搜索图像，而是在网站/纹理或网址/帖子名称/纹理中搜索，而不是在插件中搜索。

这些在与通用html网站相同的服务器上运行得很好，但WordPress的行为并不像预期的那样。这是我的插件代码：

wp_register_script( 'die', plugin_dir_url( __FILE__ ) . 'includes/Die.js' ); 
wp_enqueue_script( 'die', plugin_dir_url( __FILE__ ) . 'includes/Die.js' );

我的Die.js代码如下：

export const TEXTURES = {
'cloudy': {
name: 'Transparent',
source: './textures/cloudy.png'
},

更多来源：'/纹理/pngs

Die插件目录结构如下：

• 包括
• 纹理
• die.php

如有任何意见或帮助，我们将不胜感激。

谢谢。

Answer 1

将js放入队列后，需要从php中本地化变量，如下所示：

wp_localize_script( 'die', 'dievars', array('path' => plugin_dir_url(__FILE__)) );

您可以访问此"；路径"；在你的js中如下：

export const TEXTURES = {
'cloudy': {
name: 'Transparent',
source: dievars.path + 'textures/cloudy.png'
},