You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
And in my app.js, I import the main style file as:
import "../scss/app.scss";
But every time I serve or build, Parcel compiles the SCSS and outputs the CSS file by naming it as data.[hash].css. I believe this is because there are multiple HTML files and Parcel names the output file as per the alphabetical order of the available HTML files.
I also tried to load the SCSS file in html using <link />, but there is no difference in the outcome.
I want the output file to be named after the input source file. In my case app.[hash].css. Is there a way to achieve this?
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
I have the following setup with multiple html files:
And in my app.js, I import the main style file as:
But every time I serve or build, Parcel compiles the SCSS and outputs the CSS file by naming it as
data.[hash].css
. I believe this is because there are multiple HTML files and Parcel names the output file as per the alphabetical order of the available HTML files.I also tried to load the SCSS file in html using
<link />
, but there is no difference in the outcome.I want the output file to be named after the input source file. In my case
app.[hash].css
. Is there a way to achieve this?Beta Was this translation helpful? Give feedback.
All reactions