當專案變得越大, 檔案結構也會越來越複雜, 其中最常見的大概是dist資料夾, 但dist是什麼意思呢？本篇稍稍討論了一下常見的專案資料夾結構中, 曾經困惑過我, 也許你也還不知道的神秘資料夾
dist的全名是distributable, 動詞為distribute, 意為分發、派送，這裡放的都是程式碼對外發布之後會用到的資源，可以是程式碼、圖片等等，就是網站上會看到的、公開的東西，因此這個資料夾也可以被命名為public, 也可以是build, 因為在公開的網站中我們使用的會是編譯過後, build後的程式碼, 這些程式碼可能已經都被webpack這類的打包工具處理過, 壓縮過, 跟原本你所寫的程式碼已經有很大差別了
還有另一個常見的資料夾就是src, 相對於dist, 這裡會放開發用的程式碼, 由於還沒有被處理, 壓縮過, 這裡的程式碼就是你寫code的地方
而assets, 則會存放靜態檔案, 就是平常不太會動到的檔案, 像是圖片等等
還有一個很神秘的資料夾node_modules, 若是你已經學會使用npm, 就會知道那裏是存放經由npm下載而來的外部套件原始碼存放的地方, 這些套件的版本等等訊息都記錄在package.json裡面
另外, 如果你有在github上下載或看過別人的專案, 也許就會看到一種副檔名為md的檔案, md的為markdown的縮寫, 是一種很新穎的書寫模式, 通常這種文件都會記錄一些像是get started這樣說明用的事項。
參考來源
What is the meaning of the /dist directory in open source projects?