使用 vite 和 vue3 构建过程后资产未显示
assets not showing after build process with vite and vue3
当 运行 npm run build 我在 src/assets/... 下的图片在 dist 目录/生产构建中不可用。所以没有在网站上显示。在开发模式下它肯定可以工作。
关于如何在构建后使它们可用的任何想法？
src/assets 中的资产必须在代码中引用（通过 import 或类似方式）才能包含在捆绑包中。如果你只想将静态文件与你的项目捆绑在一起，你应该使用 public/ 代替：
Static assets can be handled in two different ways:
- Imported in JavaScript or referenced in templates/CSS via relative paths. Such references will be handled by webpack.
- Placed in the public directory and referenced via absolute paths. These assets will simply be copied and not go through webpack.
https://cli.vuejs.org/guide/html-and-static-assets.html#static-assets-handling
当 运行 npm run build 我在 src/assets/... 下的图片在 dist 目录/生产构建中不可用。所以没有在网站上显示。在开发模式下它肯定可以工作。
关于如何在构建后使它们可用的任何想法？
src/assets 中的资产必须在代码中引用（通过 import 或类似方式）才能包含在捆绑包中。如果你只想将静态文件与你的项目捆绑在一起，你应该使用 public/ 代替：
Static assets can be handled in two different ways:
- Imported in JavaScript or referenced in templates/CSS via relative paths. Such references will be handled by webpack.
- Placed in the public directory and referenced via absolute paths. These assets will simply be copied and not go through webpack.
https://cli.vuejs.org/guide/html-and-static-assets.html#static-assets-handling