更改 _astro dist 文件夹的名称

Question

我正在使用 Astro JS 构建 google chrome 扩展，在使用 tailwind 时遇到问题。

显然 Astro 将 CSS 文件添加到

_astro

中的

dist

文件夹中，但这会导致与 Google 发生冲突，因为：

以“_”开头的文件名保留供系统使用。 无法加载清单。

如果我手动更改文件夹的名称及其在

index.html

文件中的链接，它可以工作，但每次都这样做很痛苦。

• 是否可以在某些 astro 配置中更改此文件夹的名称？
• 如果不是，我如何为每个构建自动化此过程？

Answer 1

您可以在astro.config中配置assets文件夹

defineConfig({ build: {  assets: 'custom-folder' } });

上面将生成一个 /custom-folder，其中包含您的 dist 文件夹中的资源

https://docs.astro.build/en/reference/configuration-reference/#buildassets

Answer 2

我最终创建了一个 bash 脚本来更新文件夹和索引文件。这不是最干净的方式，但我希望它详细且易于理解。

#!/bin/bash
DIST_PATH=./dist
DEFAULT_DIST_ASTRO_FOLDER=_astro
NEW_ASTRO_FOLDER=astro
INDEX_FILE=index.html

echo "Moving '$DEFAULT_DIST_ASTRO_FOLDER' folder to '$NEW_ASTRO_FOLDER' folder"
mv $DIST_PATH/$DEFAULT_DIST_ASTRO_FOLDER $DIST_PATH/$NEW_ASTRO_FOLDER

echo "Upading references to '$DEFAULT_DIST_ASTRO_FOLDER' folder in '$INDEX_FILE'"
UPDATE_REGEX="s/\/$DEFAULT_DIST_ASTRO_FOLDER\//\/$NEW_ASTRO_FOLDER\//g"
sed -i -e $UPDATE_REGEX $DIST_PATH/$INDEX_FILE