vektor-inc / vk-all-in-one-expansion-unit

wordpress plugin of powerful support
https://ja.wordpress.org/plugins/vk-all-in-one-expansion-unit/
GNU General Public License v2.0
7 stars 1 forks source link

Tree shaking を有効化すると、ツールバーの ExUnit のアイコンが消えるので背景画像の指定方法に問題があるかもしれない #857

Open goutetsuguma opened 2 years ago

goutetsuguma commented 2 years ago

[ユーザー様からご報告] vkExUnit_style.css に記述されているアイコン指定が background-image: url(../images/ex-unit-icon.svg); と相対指定になっているのですが、Tree shaking を有効化するとパスの指定が以下のようにずれてしまいます。 https://サイトのアドレス/wp-content/plugins/vk-all-in-one-expansion-unit/assets/images/ex-unit-icon.svg  ↓ https://サイトのアドレス/images/ex-unit-icon.svg

私のいくつかのサイトで試したところ、Tree shaking を有効化したときにアイコンが消えるサイトと消えないサイトがあります。 アイコンが消えるサイトは、 <style id='vkExUnit_common_style-css' type='text/css'>... で CSS が読み込まれています。 アイコンが消えないサイトは

<link rel='preload' id='vkExUnit_common_style-css' href='https://...
<link rel='stylesheet' id='vkExUnit_common_style-css' href='https://...

で CSS が読み込まれています。