Я большой поклонник vue.js. Это очевидное утверждение для людей, использующих vue. Однофайловая компонентная структура Vue - замечательная вещь. В одном из своих хобби-проектов я создал множество компонентов, включая маршрутизатор Vue. Позже я понял, что моя компонентная архитектура была в полном беспорядке. Даже я не мог легко отличить компоненты маршрута от обычных компонентов.
Это сделало мое время разработки беспокойным. Итак, я создал папки и попытался организовать компоненты. Хотя это в некоторой степени решило исходную проблему, возникла и другая проблема. Некоторые из моих компонентов имели огромные html-пометки, стили и скрипты. Это создавало проблемы с удобочитаемостью и отнимало у меня много времени. Мне пришлось много прокручивать файл, чтобы изменить свой CSS или логику. С моей точки зрения (vue), однофайловые компоненты хороши, если у вас есть ограниченные компоненты с минимальным кодом.
Затем я наткнулся на то, что называется POD.
Модули - отличный способ разбить большую кодовую базу скомпилированного приложения на управляемые модули.
Да, это очень помогло. Большое спасибо Vue.js за поддержку всех видов синтаксиса. Спасибо!
<!-- my-component.vue --> <template> <div>This will be pre-compiled</div> </template> <script src="./my-component.js"></script> <style src="./my-component.css"></style>
Но создание вручную нескольких файлов для одного компонента заставило меня плакать. Я создал задачу gulp, чтобы упростить свою работу. После тестирования в нескольких проектах я планировал опубликовать его как пакет npm. В результате появился vue-pod (https://www.npmjs.com/package/vue-pod).
Это клик, который помогает вам создавать компоненты vue в структуре pod
npm install vue-pod -g vue-pod component generate hello-world vue-pod component delete hello-world
Но vue очень динамичен и позволяет писать jade в шаблонах или стилусом в CSS и т. Д.… Создатель pod также должен быть настраиваемым и соответствовать этой гибкой структуре. Так что ты можешь бежать,
vue-pod copy
Он создаст файл .vue-pod.json в вашем рабочем каталоге. Вы можете настроить создание файла по своему усмотрению, настроив этот json для создания идеальной файловой структуры и содержимого.
Поскольку я новичок в сообществе разработчиков ПО с открытым исходным кодом, я разработал это как отдельное приложение. После тонкой настройки я планирую повысить PR до vue-cli за создание шаблонов на основе модулей.
Кроме того, я создал инициативу по структуре модулей для всех фреймворков на основе javascript, чтобы оценить адаптацию структуры модулей в постоянно растущем сообществе JS.
Пожертвования и предложения приветствуются!
