1

我想为我的 Vue 3 应用程序使用Snowpack 。目前，我已经使用以下命令初始化了 Vue 3 应用程序：

npx create-snowpack-app my-app --template @snowpack/app-template-vue

默认情况下，Snowpack 会创建如下目录结构：

public/
src/
  App.vue
  index.js
package.json
README.md
snowpack.config.js

我需要稍微重组一下。我将现有应用程序移至 Snowpack 的原因。我的挑战是我需要转移到这样的结构：

public/
pages/
  App.vue
index.js
package.json
README.md
snowpack.config.js

简而言之：1）重命名src为pages和 2）向上移动index.js到与package.json. 当我进行此更改时，Snowpack 会抛出一条警告说“安装的目录不存在”。它打印出它正在寻找的文件，Snowpack 显然仍在src目录中查找。我的想法是审查snowpack.config.js文件。

我查看了文件中的mount属性。snowpack.config.js我mount.src.url改为/pages. 然而，这并没有奏效。我还尝试将属性更改为 just /，但也没有用。

我需要更改什么来告诉 Snowpack 查看当前目录而不是文件src目录index.js？

4

1 回答 1

2

mount使用指定.为挂载点的配置可以实现该目录布局：

// snowpack.config.js
module.exports = {
  mount: {
    '.': {url: '/dist'}
  },
}

然后根索引可以从以下位置导入 SFC <projectRoot>/pages/：

// <projectRoot>/index.js
import App from './pages/App.vue'
...
于 2021-02-09T05:44:27.407 回答