如何在 svelte 中指定导出构建 js 和 css 文件名

Question

我使用 vite 进行 svelte，我在下面附加了 vite.config.js，我尝试在网上寻找参考，但找不到任何

import { defineConfig } from 'vite'
import { svelte } from '@sveltejs/vite-plugin-svelte'

// https://vitejs.dev/config/
export default defineConfig({
  server: {
    port: 4000
  },
  preview: {
    port: 4000
  },
  plugins: [
    svelte({
      compilerOptions: {
        customElement: true,
      }
    }),
  ]})

Answer 1

下面有一些选项build > rollupOptions，例如

export default defineConfig({
    build: {
        rollupOptions: {
            output: {
                entryFileNames: '[name].js',
                assetFileNames: '[name].[ext]',
            },
        },
    },
    plugins: [
        svelte(),
    ],
});

请注意，生成的哈希值是出于缓存目的而存在的，如果删除这些哈希值，您将必须手动处理缓存失效问题。当然，对于像组件库这样的东西来说这不是问题。

有一个选项build.manifest，可用于输出从原始源到编译输出的映射，该映射可用于确定输出名称，而不是更改上述汇总选项。例如，如果服务器必须生成<script src="...">标签，则可以使用它。