Running dev server with different root directory

[subhero24]

I have a project structure like this:

• index.html
• package.json
• src
  • index.js

When starting the dev server from this directory everything works perfectly.
I would like my index.html file to be in the src directory, but then snowpack does not find the index.html file.
When starting the snowpack dev server from inside the src directory it says it can not find the package.json file which is required.

Is there a possibility to start the snowpack dev server from my projects directory, but point to src as the root directory to be served?

[FredKSchott]

Yes! Check out our new “mount” config, you’d want to do something like this:

{“mount”: {“src”: “/“}}

[JakobJingleheimer]

@FredKSchott I think this could be more clear in the docs. I expected "root" to effectively address this (whatever other relevant config props to inherit from it). However

{
  "root": "./src"
}

does not work without essentially telling "mount" to inherit it (with the "mount": { "src": "/" } from above).

I had also tried

{
  "mount": {
    "src": "./src"
  }
}

which did not work

[FredKSchott]

mount should be relative to root, is this not the case? Also make sure you're on the latest v3.x to test.

[JakobJingleheimer]

I'm on v3.0.5

Mount does appear to be relative to root, but root alone doesn't work: "mount": { "src": "/" } is also required, which I don't see in the config docs (I only figured it out by finding this discussion via a google search: "snowpack root not working").

[FredKSchott]

Oh gotcha. Yea, root is project root, which is different from our concept of mounting.

But by default, Snowpack serves the project root if no mount configuration exists, so I'd still expect this to partially work... will have to take a deeper look.

[bluebrown]

mount should be relative to root, is this not the case? Also make sure you're on the latest v3.x to test.

No, its not mounted relative to root. I just came across the same problem. Using the latest version `"snowpack": "^3.5.6".

root: './src/index.html',
mount: {
    'src': '/', // without this snowpack is telling: [21:54:38] [snowpack] [404] Not Found (/) (x2)
}

[notiv-nt]

root/
  build/   <---- will be created
    index.html
    index.js

  src/
    index.html with <script type="module" src="/index.js"></script>
    index.js

  package.json
  snowpack.config.js
  ...

snowpack.config.js

module.exports = {
  mount: {
    // get everything from src to build/
    src: '/',
  },
};