Шаг 1: Создание файла uuid.js
Создайте файл src/uuid.js со следующим содержимым:
Код:
export const uuid = () => {
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
var r = Math.random() * 16 | 0,
v = c === 'x' ? r : (r & 0x3 | 0x8);
return v.toString(16);
});
};
Этот код генерирует уникальный идентификатор формата UUIDv4 каждый раз при вызове функции uuid.
Шаг 2: Импортирование функции uuid в компоненте
Теперь вы можете использовать эту функцию в любом компоненте вашего проекта. Например, в файле компонента App.svelte, импортируйте её так:
Код:
<script>
import { uuid } from './uuid';
let myUuid = uuid();
</script>
<div>
Generated UUID: {myUuid}
</div>
Таким образом, когда компонент будет разодраться, он автоматически создаст новый UUID и отобразит его.
Шаг 3: Обновление конфигурации Rollup для обработки статики
Чтобы убедиться, что ваш статический файл корректно обрабатывается сборщиком, убедитесь, что у вас настроен правильный плагин для работы со статическими ресурсами. Обычно используется плагин @rollup/plugin-copy. Если он ещё не установлен, выполните команду:
Код:
npm install @rollup/plugin-copy --save-dev
Затем добавьте его в конфигурацию Rollup (rollup.config.js), чтобы копировать статические файлы в директорию сборки:
Код:
import copy from '@rollup/plugin-copy';
export default {
input: 'src/main.js',
output: {
file: 'public/build/bundle.js',
format: 'iife'
},
plugins: [
// ... другие плагины ...
copy({
targets: [
{ src: 'static/*', dest: 'public' }
]
})
]
};
В этом примере все файлы из директории static будут скопированы в директорию public при сборке проекта.
Заключение
После выполнения этих шагов, вы сможете генерировать уникальные UUID и использовать их в вашем проекте Svelte. Убедитесь, что вы правильно импортировали и используете функцию uuid в нужных местах вашего приложения.
Короче чет вроде этого :