Я собираю автономные компоненты в файлы umd.js, которые использую в другом проекте. При разработке компонентов все выглядит нормально, но после сборки, при внедрении в мой «материнский проект», некоторые элементы пользовательского интерфейса работают не так, как предполагалось. После некоторого расследования я обнаружил, что проблема в том, что имена классов попутного ветра все еще присутствуют во встроенном js-файле. Если я удалил их вручную, пользовательский интерфейс выглядел нормально.
Я думаю, что это может быть связано с тем, что имена классов попутного ветра преобразуются в css, а затем в моем материнском проекте снова «обрабатываются», поскольку он также использует попутный ветер, а имена классов все еще существуют.
Я пытался не компилировать попутный ветер, возможно, поэтому имена классов, чтобы они обрабатывались только один раз, но это, похоже, не сработало, так что, возможно, я ошибаюсь, это единственное, о чем я могу думать.
В идеале я хотел бы полностью удалить все имена классов попутного ветра после их создания и обработки.
Я использую vite-plugin-css-injected-by-js, чтобы скомпилировать все в один js-файл, который работает нормально, на случай, если какое-либо решение потребует это принять во внимание.
🤔 А знаете ли вы, что...
С JavaScript можно создавать интерактивные формы и проверять введенные пользователем данные.
Я не думаю, что вы можете полностью удалить классы, хотя вы можете попробовать это - Вы можете префикс всех CSS-классов попутного ветра, чтобы устранить конфликты имен, создать компоненты пользовательского интерфейса, а затем внедрить их в материнский проект.
// tailwind.config.js
module.exports = {
prefix: 'ui-tw-',
}
вы также можете удалить неиспользуемые классы.
// tailwind.config.js
module.exports = {
// other configurations...
purge: [
'./src/**/*.html',
'./src/**/*.vue',
'./src/**/*.jsx',
// Add paths to your component files
],
};