因為沒有過angular真實項目開發過,所以有一個問題,angular的路由效果可以做單頁web,路由是將html片段加載進來的,如果想運用樣式css的話,多個樣式只能是在index.html中link了,所以說有多少路由,就要填寫幾個css嗎?或者說css寫在一個文件中,如果這樣的話,樣式會不會有些不好控制啊;
我之前都是一個html對應css這樣寫的,
使用ocLazyload可以配合路由載入對應controller,CSS等,或是想載入的檔案
做過一點AngularJS的單頁應用。 開發階段我是根據需要做了css檔案的切分,類似題主說的每個路由(我覺得是view)一個css,但發佈時我是把所有的css用gulp壓縮在一起,然後直接index頁面就載入了進來,那些view裡面呼叫的樣式全都來自於那個壓縮後的css檔。
做了半年前端的實習生, 做了5,6個專案的前端。 我們公司的做法是,用less編寫,最後把所有less文件用流程工具如gulp/grunt/fis3...打包壓縮成一個css文件, 在界面上直接引用這個css文件就行了。
建議將css寫在一個文件,同時,html模板也寫在$templateCache裡面,這樣雖然首頁可能打開緩慢,但是後面的各項操作就行雲流水起來了,,,而且,利用緩存策略,將這些大檔案快取起來,首頁後面訪問起來也不會明顯卡頓。
$templateCache
使用ocLazyload可以配合路由載入對應controller,CSS等,或是想載入的檔案
做過一點AngularJS的單頁應用。
開發階段我是根據需要做了css檔案的切分,類似題主說的每個路由(我覺得是view)一個css,但發佈時我是把所有的css用gulp壓縮在一起,然後直接index頁面就載入了進來,那些view裡面呼叫的樣式全都來自於那個壓縮後的css檔。
做了半年前端的實習生, 做了5,6個專案的前端。
我們公司的做法是,用less編寫,最後把所有less文件用流程工具如gulp/grunt/fis3...打包壓縮成一個css文件, 在界面上直接引用這個css文件就行了。
建議將css寫在一個文件,
同時,html模板也寫在
$templateCache
裡面,這樣雖然首頁可能打開緩慢,但是後面的各項操作就行雲流水起來了,,,而且,利用緩存策略,將這些大檔案快取起來,首頁後面訪問起來也不會明顯卡頓。