[non-js-imports] Relative URLs in CSS cannot be properly resolved if CSS is imported as style tag
Root Cause
- If
<style> tag is appended to document.head, the base URL is set as the entry page, which is different from the base URL for the imported CSS
Workaround
- Use
<link> tag instead at config['non-js-imports'].cssImportTag: 'link'
[non-js-imports] Relative URLs in CSS cannot be properly resolved if CSS is imported as style tag
Root Cause
<style>tag is appended todocument.head, the base URL is set as the entry page, which is different from the base URL for the imported CSSWorkaround
<link>tag instead atconfig['non-js-imports'].cssImportTag: 'link'