Closed jono-hayward closed 5 years ago
I've found that if my input files have more than one dot, the output file name is mixed up.
This is my config:
{ output: { path: './theme/assets/', name: '[name]--[query].[ext]', }, queries: { 'prefers-reduced-motion: reduce': 'nomotion', 'all and (-ms-high-contrast: none), (-ms-high-contrast: active)': 'ie' }, whitelist: true }
If either of those queries are triggered on the file _components.order-form.css, the resulting file name is _components--ie.order-form (notice the file extension is missing). The output I'm expecting here would be _components.order-form--ie.css.
_components.order-form.css
_components--ie.order-form
_components.order-form--ie.css
Hi @jono-hayward
thanks for the bug report!
Seems my filename regex doesn't consider multiple dots but expects [name without dots].[ext]
[name without dots].[ext]
I'll fix this when I've got some time.
I've found that if my input files have more than one dot, the output file name is mixed up.
This is my config:
If either of those queries are triggered on the file
_components.order-form.css
, the resulting file name is_components--ie.order-form
(notice the file extension is missing). The output I'm expecting here would be_components.order-form--ie.css
.