作者ruichin (ruichin)
看板Web_Design
標題[問題] 有關把.css 和.js打包相關問題
時間Fri Apr 21 15:20:20 2017
哈囉大家好
最近在使用Gulp去讓開發環境自動化
我目前遇到一個問題
就是我之前尚未用Gulp時的css都是分很多個檔各有各的工作區
而我把之前寫的css用Gulp打包後發現版型跑掉了
原因我想是className有衝到
想請問大家打包成一個.min檔時是怎麼做的，且要注意什麼？
1.分開不同檔名寫各個的工作區而注意 className 和 idName 的命名？
2.全部都寫在一個檔而也是注意 className 和 idName 的命名？
3.其它
以上是我目前想到的，請大家告訴我一下
應該說本來就要注意命名了 (這點我會改進)
上網google都是教打包過程而沒有說該注意什麼
而js的話除了作用域該注意的還有什麼該注意？
公司、身邊沒有人可以問...
非常感謝各位的回答
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 223.140.188.105
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1492759222.A.9B4.html
※ 編輯: ruichin (223.140.188.105), 04/21/2017 15:23:31
1F：→ plcder: 打包成一個就裡面的name不能重複因為有優先順序js要注意斷 04/21 17:09
2F：→ plcder: 點有斷好避免程式連在一起 04/21 17:10
3F：→ ruichin: 請問你所講的js斷點是指 ; 這個嗎？ 感謝 04/21 17:20
4F：推 akccakcctw: css我的習慣是共用的樣式打包在main.css，各頁面如果 04/21 18:34
5F：→ akccakcctw: 有特殊樣式再分別打包成個別的css 04/21 18:34
6F：→ plcder: 你可以試試寫一個程式把內容連在一起可以動作你就懂了 04/21 21:11
7F：→ plcder: 斷點在哪 04/21 21:12
8F：→ ruichin: 感謝a大p大和站內信的d大分享，讓我了解怎麼寫會比較好 04/21 21:53
9F：→ ruichin: ，再次感謝 04/21 21:53
10F：→ ruichin: ，再次感謝 04/21 21:54
12F：→ nottt: 我是看這篇的教學，要從第2篇看到第8篇，學CSS架構 04/22 12:07
13F：→ yyc1217: 使用例如BEM的方式來取名 可以降低衝突的機會 04/22 20:09
14F：→ yyc1217: 關於取名的方式有很多種 可以選擇適合你的 04/22 20:10
15F：→ ruichin: 非常感謝，我來看一下 04/23 00:33