개발하자

svelte에서 내보낼 빌드 js 및 css 파일 이름을 지정하는 방법

Cuire 2023. 9. 7. 15:39
반응형

svelte에서 내보낼 빌드 js 및 css 파일 이름을 지정하는 방법

나는 svelte를 위해 vite를 사용하고 있고, 아래에 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,
      }
    }),
  ]})

enter image description here



아래에는 다음과 같은 옵션이 있습니다.

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

생성된 해시는 캐싱 목적으로 존재하므로 캐싱이 제거되면 캐시 무효화를 수동으로 처리해야 합니다. 물론 문제가 되지 않는 구성요소 라이브러리와 같은 것을 위해.

위의 롤업 옵션을 변경하는 대신 원본 소스에서 컴파일된 출력으로 매핑을 출력하는 데 사용할 수 있는 옵션이 있습니다. 예를 들어 서버가 태그를 생성해야 하는 경우 이를 사용할 수 있습니다.


반응형