Snowpack是否可以挂载配置文件所在父目录下的src、public目录？

解决方案 #

问题原因 #

Snowpack的mount配置项语法为{[本地文件路径]: 挂载后的URL路径}，你之前混淆了键值的含义，把本地相对路径放到了URL路径的位置，Snowpack校验URL路径必须以/开头，因此触发报错。

正确配置 #

你可以通过显式指定项目根目录的方式实现父目录挂载，配置如下：

const path = require('path');

/** @type {import("snowpack").SnowpackUserConfig } */
module.exports = {
  // 显式将工作根目录设置为上层root目录
  root: path.resolve(__dirname, '../'),
  mount: {
    // 键为本地相对于root的路径，值为挂载到开发服务的URL路径
    'public': '/',
    'src': '/src'
  },
}

如果你不想修改root配置，也可以直接用相对路径作为mount的键：

/** @type {import("snowpack").SnowpackUserConfig } */
module.exports = {
  mount: {
    '../public': '/',
    '../src': '/src'
  },
}

验证效果 #

配置完成后启动开发服务，即可直接通过/访问public下的index.html，通过/src/main.js访问src目录下的资源，符合你的使用需求。

内容的提问来源于stack exchange，提问作者Liam James Widdop