Relative paths of assets scss / js resolving incorrectly in nested directory structure #4686

tomleo · 2020-06-03T15:39:44Z

tomleo
Jun 3, 2020

Structure of project:

src/
├── example-1
│   ├── index.html
│   ├── index.js
│   └── main.scss
└── example-2
    ├── index.html
    ├── index.js
    └── main.scss

What src/example-1/index.html looks like:

<html>
    <head>
        <link rel="stylesheet" href="./main.scss">
    </head>
    <body>
    	<h1>Example 1</h1>
        <script src="./index.js"></script>
    </body>
</html>

Building via parcel build src/**/*.html

The output is:

dist/example-1.a9ed1190.js        1.15 KB    468ms
dist/example-2.f84e1103.js        1.11 KB    546ms
dist/main.9025974b.css.map          236 B      2ms
dist/example-1.a9ed1190.js.map      220 B      1ms
dist/example-1/index.html           155 B      6ms
dist/example-2/index.html           155 B    182ms
dist/example-2.f84e1103.js.map      104 B      1ms
dist/main.3adae015.css.map          100 B      3ms
dist/main.9025974b.css               89 B    1.00s
dist/main.3adae015.css               47 B    991ms

The resulting dist/example-1/index.html

<html><head>
        <link rel="stylesheet" href="/cbe08353cc4beeaa4203d86039afc03c.css">
    <script src="/main.32f1e263.js"></script></head>
    <body>
    	<h1>Example 1</h1>
        <script src="/168726dbe96b3ce427e7fedce31bb0bc.js"></script>
</body></html>

Question?

As you can see everything is ending up at the top level, but the nested HTML remains in the proper folders. What am I doing wrong?

mischnic · 2020-06-08T22:08:27Z

mischnic
Jun 8, 2020
Collaborator

Your example works for me in the browser.

As you can see everything is ending up at the top level, but the nested HTML remains in the proper folders. What am I doing wrong?

This is intentional. Entry points keep their path while all other assets are put into the root.

1 reply

tomleo Jun 9, 2020
Author

I guess I was confused as I would assume src/example1/main.js would end up in dist/example1/main.hash.js since src/example1/index.html does end up in dist/example1/index.html.

Either way my workaround is

#!/bin/bash

OIFS="$IFS"
IFS=$'\n'

directories=$(find ./src/ -type d -iname "example*")
for d in $directories
do
    echo "$d/index.html"
    parcel build "$d/index.html"
done

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

Relative paths of assets scss / js resolving incorrectly in nested directory structure #4686

Uh oh!

{{title}}

Uh oh!

Replies: 1 comment 1 reply

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Uh oh!

Relative paths of assets scss / js resolving incorrectly in nested directory structure #4686

Uh oh!

tomleo Jun 3, 2020

Replies: 1 comment · 1 reply

Uh oh!

mischnic Jun 8, 2020 Collaborator

Uh oh!

tomleo Jun 9, 2020 Author

tomleo
Jun 3, 2020

Replies: 1 comment 1 reply

mischnic
Jun 8, 2020
Collaborator

tomleo Jun 9, 2020
Author