[Web]牽涉plugins,js/css/img一般的path點擺?

你地會用A定B?

A:先以檔案類型分
  1. /js/
  2.   my_01.js
  3.   my_02.js
  4.   plugin_a.js
  5.   plugin_b.js
  6. /css/
  7.   my_01.css
  8.   my_02.css
  9.   plugin_a.css
  10.   plugin_b.css
  11. /img/
  12.   my_01.jpg
  13.   my_02.jpg
  14.   plugin_a/
  15.     plugin_a_01.jpg
  16.     plugin_a_02.jpg
  17.   plugin_b/
  18.     plugin_b_01.jpg
  19.     plugin_b_02.jpg
複製代碼
B:先以plugin分
  1. /js/
  2.   my_01.js
  3.   my_02.js
  4. /css/
  5.   my_01.css
  6.   my_02.css
  7. /img/
  8.   my_01.jpg
  9.   my_02.jpg
  10. /plugins/
  11.   plugin_a/
  12.     js/
  13.       plugin_a.js
  14.     css/
  15.       plugin_a.css
  16.     img/
  17.       plugin_a_01.jpg
  18.       plugin_a_02.jpg
  19.   plugin_b/
  20.     js/
  21.       plugin_b.js
  22.     css/
  23.       plugin_b.css
  24.     images/
  25.       plugin_b_01.jpg
  26.       plugin_b_02.jpg
複製代碼
我一般用absolute path(background: url('/img/...')),用A,但困難係:
R)每加一個plugin都要大改佢啲path,因為多數plugin都用relative path(background: url('../img/...'))。

S)A都係要在img加plugin-specific folders,因為一個plugin有多個img檔,最好避免同其他plugin的檔混雜。

T)plugin多起上來,用A有時唔知一個js/css係屬於邊個plugin的。

B就:
U)可能對plugin要改動的path少啲。留意在B,plugin_a/img而plugin_b/images/,即係嗰plugin zip啲folder係點我就點。

V)容易加新plugin:加個plugin_c/ folder,unzip in plugin_c。

你地點睇?

我會選擇A
因為好多時會幾個plugin一齊用
有時要自己再寫多D js/css去將唔同既野integrate埋一齊
如果B既方法, 都唔知應該將integrate用既code放邊好

不過非必要, 我都唔會用absolute path
因為未必時時都係個web site放root folder

TOP

一定用B ..

1. 如果用A你寫寫下就會發覺你d file 改名會好復雜,之後就好亂。
2. 用b你一個folder過,d file用返同一set名就ok。
3. 用b你要加淢野都唔驚整到主程式d file。

TOP

如果你一個module 一set 會比較好
第一你個module update 或搬位時會好d
點擺位其實都無乜最後效能影響,minify 之後都會變返做一個架啦

TOP

不過非必要, 我都唔會用absolute path
KinChungE 發表於 2014-10-20 04:59 PM


咁唔同level的版的path唔同,冇得include同一個footer file,你會點做?
  1. /incl/
  2.   footer.inc
  3. /page1.html
  4. /section2
  5.   index.html
  6.   3.html
複製代碼
paths in footer: /page1.html's != /section2/index.html's = /section2/3.html's
所以 /page1.html 同 /section2/index.html 唔能夠include同一個footer.inc

TOP

  1. /js/
  2.   my_01.js
  3.   my_02.js
  4.   /plugins/
  5.     plugin_a/
  6.       js/
  7.           plugin_a.js
  8.       css/
  9.           plugin_a.css
  10.       img/
  11.           plugin_a_01.jpg
  12.           plugin_a_02.jpg
  13.     plugin_b/
  14.       js/
  15.           plugin_b.js
  16.       css/
  17.           plugin_b.css
  18.       images/
  19.           plugin_b_01.jpg
  20.           plugin_b_02.jpg
  21. /css/
  22.   my_01.css
  23.   my_02.css
  24. /img/
  25.   my_01.jpg
  26.   my_02.jpg
複製代碼
如果 係js  plugin 既話

TOP

A,因為清楚

TOP

最理想:
Source code用B
Deployment用A

睇下你掌握幾多tools
同埋本身既工作流程

TOP

A,因為清楚
polarhei 發表於 2014-10-23 11:53 PM


我開始諗A有冇意義。以檔案類型分等於以extension分。即使全部js,png,jpg,css放埋同一個folder,要搵番*.js又有何難。呢個係你個file manager/console嘅問題,唔係個project嘅問題。
   
如果冇其他考慮,就有某種分類始終好過全部放埋一齊。係呢個原因先至用A啫。

但如果有其他分類法選擇,如B,而AB不可兼得,咁姑勿論B係咪好(可能C更好,只係C未出現),但至少B提供咗一啲A無提供的訊息(邊個檔案嚟自邊個plugin)。相反A的訊息(邊個檔案係js)完全可以由B或C或任何分類法推導出來。呢點就係我開始覺得A冇用嘅原因。

TOP

我喺用緊B, A有個好大嘅問題喺放PLUGIN同DEL PLUGIN嗰陣會非常麻煩.

WEB PROJECT本身就喺將一舊舊積木砌上去, 用A嘅話會非常難維護

TOP