Angular 5 Folder Structure

Visarut Sae-Pueng
1 min readApr 13, 2019

… ช่วงทีม implement Angular 2 มาใช้จริงๆ ก็มีการ Brainstrom เรื่อง Folder Structure กันแทบทุก Week ครับ ใช้ไปแก้ไป (;___;)

… พอผมว่างๆ เลยลองมา New Project แล้ววาง Structure ดูใหม่ ล่าสุดผมใช้ประมาณนี้ครับ

Angular 5 Folder Structure

จริงๆ มีส่วนที่กำกวมอยู่บ้างคือ core กับ shared ครับ โดย concept ของผมคือ
1) core : ใช้กับ source code ที่เป็น core-framework ของเราเองครับ
2) shared : ส่วนนี้จะใช้เก็บ share class ที่ใช้กับ project นี้เท่านั้นครับ

หรือใครสะดวกจะ build core ให้เป็น library แล้วเอามาใช้เลยก็ได้ครับ เวลาไป patch project อื่นน่าจะแหล่มแมวกว่า :3

…ส่วนใครสาย HMVC ก็นำ model ไปรวมไว้ใน folder ของแต่ละ component ก็ได้ครับ​ โดยจะต้องทำ model ของ component ใคร component มันไปเลย (หรืออาจจะทำ service แยก component ด้วยก็ได้นะ)
…เวลาลบทิ้งก็ลบทั้ง module ไปเลย ติดไปทั้ง model-view-controller คลีนๆ ดี

credit image : https://www.toptal.com/angular/angular-5-tutorial

--

--

No responses yet