[問題] 有關把.css 和.js打包相關問題

作者: ruichin (ruichin)   2017-04-21 15:20:20
哈囉大家好
最近在使用Gulp去讓開發環境自動化
我目前遇到一個問題
就是我之前尚未用Gulp時的css都是分很多個檔各有各的工作區
而我把之前寫的css用Gulp打包後發現版型跑掉了
原因我想是className有衝到
想請問大家打包成一個.min檔時是怎麼做的,且要注意什麼?
1.分開不同檔名寫各個的工作區而注意 className 和 idName 的命名?
2.全部都寫在一個檔而也是注意 className 和 idName 的命名?
3.其它
以上是我目前想到的,請大家告訴我一下
應該說本來就要注意命名了 (這點我會改進)
上網google都是教打包過程而沒有說該注意什麼
而js的話除了作用域該注意的還有什麼該注意?
公司、身邊沒有人可以問...
非常感謝各位的回答
作者: plcder (蓋頭)   2017-04-21 17:09:00
打包成一個就裡面的name不能重複因為有優先順序js要注意斷點有斷好避免程式連在一起
作者: ruichin (ruichin)   2017-04-21 17:20:00
請問你所講的js斷點是指 ; 這個嗎? 感謝
作者: akccakcctw (947)   2017-04-21 18:34:00
css我的習慣是共用的樣式打包在main.css,各頁面如果有特殊樣式再分別打包成個別的css
作者: plcder (蓋頭)   2017-04-21 21:11:00
你可以試試寫一個程式把內容連在一起可以動作你就懂了斷點在哪
作者: ruichin (ruichin)   2017-04-21 21:53:00
感謝a大p大和站內信的d大分享,讓我了解怎麼寫會比較好,再次感謝,再次感謝
作者: nottt (無)   2017-04-22 12:05:00
https://wcc723.github.io/css/2016/12/02/oocss-one/我是看這篇的教學,要從第2篇看到第8篇,學CSS架構
作者: yyc1217 (somo)   2017-04-22 20:09:00
使用例如BEM的方式來取名 可以降低衝突的機會關於取名的方式有很多種 可以選擇適合你的
作者: ruichin (ruichin)   2017-04-23 00:33:00
非常感謝,我來看一下

Links booklink

Contact Us: admin [ a t ] ucptt.com