Astro - 在构建过程中自动缩小公共文件夹中的 JS 文件？

Question

我正在使用 Astro 构建单页应用程序并优化其资源（HTML、CSS、SVG 等）。此应用程序包含大量 JavaScript 代码（分为多个文件），必须在浏览器中“按原样”运行。我已将这些 JS 文件存储在

public

文件夹中，以便复制它而不会被 Astro 重写。一切正常。

有没有办法让 Astro 在构建过程中自动缩小那些 JS 资源？也可能将它们合并到一个 JS 文件中？

或者，如果我将这些文件移动到

src/js

文件夹（我尝试过但遇到了错误），使用 Astro 导入它们的正确方法是什么，以便它们简单地包含在 HTML 输出中而不受 Astro 的干扰？再说一遍，我只想自动缩小并组合它们。

Answer 1

我以前没有使用过 Astro，但这有帮助吗？

如何在 Astro 中自动缩小 JavaScript 和 CSS（vs-code）

看起来 Astro 是建立在 Vite 之上的，所以添加了

 vite: {
    build: {
        minify: true,
        cssMinify: true,
    }
}

astro.config 中的 DefineConfig 应该缩小构建中的所有文件。

我认为可以通过将配置值添加到构建属性中的 rollupOptions 来处理捆绑

类似的东西

  vite: {
    build: {
        minify: true,
        cssMinify: true,
        rollupOptions: {
            output: {
                ....//
            }
        }
    }
}

它应该支持此处的所有选项汇总配置选项允许您根据需要自定义构建。

再说一遍，我之前并没有特别使用过Astro，只是吐槽一下可能有用的东西。