十年網(wǎng)站開(kāi)發(fā)經(jīng)驗(yàn) + 多家企業(yè)客戶 + 靠譜的建站團(tuán)隊(duì)
量身定制 + 運(yùn)營(yíng)維護(hù)+專業(yè)推廣+無(wú)憂售后,網(wǎng)站問(wèn)題一站解決
作為一個(gè)運(yùn)維開(kāi)發(fā),不像業(yè)務(wù)開(kāi)發(fā)只專注后端業(yè)務(wù)開(kāi)發(fā)即可,常常需要自己來(lái)構(gòu)建前端的東西,當(dāng)然系統(tǒng)交互體驗(yàn)說(shuō)的過(guò)去就行,要求也沒(méi)有業(yè)務(wù)系統(tǒng)那么高。但是還是會(huì)接觸很多前端的知識(shí),像是css、html、javascript 是必不可少的,你可以不精通,但必須會(huì)用。最近前端發(fā)展迅猛,已向著工程化大前端進(jìn)發(fā)。常常開(kāi)玩笑說(shuō),前端才是全棧,前后端、各平臺(tái)全端通吃,現(xiàn)在貌似已成為事實(shí)。
今天,和大家分享下前端樣式工具 sass 如何在 Django 中應(yīng)用。
什么是 sass
Sass or (Syntactically awesome style sheets) is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets (CSS). - Wikipedia
以上是wiki百科的解釋,簡(jiǎn)單來(lái)說(shuō),sass 是一種方便大家來(lái)編寫css的一種高級(jí)的樣式預(yù)編譯語(yǔ)言。只所以叫「預(yù)編譯」,是因?yàn)槭褂盟臅r(shí)候,需要編譯成瀏覽器能識(shí)別的css。
官方網(wǎng)站: https://sass-lang.com/
Sass 3版本以后,新引入了 Scss 語(yǔ)法,它完全兼容 Css3 ,并且繼承了 Sass 的強(qiáng)大功能。關(guān)于 Scss 和 Sass ,這里不做過(guò)多解釋,有興趣的可參考官方文檔介紹。
話說(shuō)回來(lái), Sass 除了編寫方便外,還有那些優(yōu)勢(shì),大家可閱讀這篇經(jīng)典的文章 why sass? 。
下面,來(lái)說(shuō)下怎么在我們的常用web框架 Django 中如何集成。
在Django中使用sass
下面我們來(lái)一步步的配置 Sass 。環(huán)境如下:
創(chuàng)建Django項(xiàng)目
1、創(chuàng)建Python的開(kāi)發(fā)虛擬環(huán)境:
$ python3 -m venv env $ source env/bin/active