文檔如何引用SCSS文件？

-1

請原諒我對Sass的缺乏經驗和缺乏理解。文檔如何引用SCSS文件？

基本上我被分配到一個網站上做一些編輯，這個網站有一個主要的css頁面和一些scss子頁面，所有這些子頁面都是通過一個ftp目錄進行組織的。

我只是困惑如何索引知道在哪裏拉scss頁面在ftp目錄？我查看了索引頁面的代碼，以及鏈接的css和js頁面，並且找不到引用scss頁面的任何部分。但他們仍然在原始的CSS內加載？我錯過了什麼嗎？

感謝您的澄清。

2015-11-05 Jema

主目錄中是否有任何gulpfile.js或grunt文件？應用程序使用哪種語言？紅寶石？ – progsource

不，沒有任何gulpfile.js或grunt文件。該網站是在JavaScript中，HTML和CSS與scss – Jema

通常有一個'編譯'或'預處理'是由SCSS，手寫筆和其他CSS預處理器把它們轉換成css文件，鏈接到索引/ html頁面。假設他們還在身邊，那麼設置這個人的人很可能會給你更多的指導。 – TheLazyChap

SCSS是一種預處理語言。這意味着它將被轉換爲CSS。 SCSS文件不會被網站加載。相反，您將不得不對SCSS文件進行更改，然後將其轉換爲CSS。很可能有一個系統爲您提供幫助。看看周圍，並找出是否有gulpfile或gruntfile掛在某處。

main.scss文件被編譯爲main.css文件。 sass編譯器生成的輸出替換main.css文件。沒有鏈接。你需要使用sass編譯你的main.scss文件。

除此之外，您使用'CSS文件'而不是'CSS頁面'，因爲CSS是級聯樣式表的首字母縮略詞，它絕對不是頁面本身。

2015-11-05 06:05:21

嗨弗蘭茲，感謝您的快速反應。如果在主CSS文件中引用了SCSS文件中的mixins等元素，那麼如果有意義，CSS文件如何鏈接到SCSS文件或在其中找到SCSS文件？ – Jema

SCSS使用常規的'@ import'語法：http://sass-lang.com/guide#topic-4。如果沒有導入調用，則在編譯之前可能會將這些文件連接起來。這裏的第一步是找出使用哪個構建工具。有人在你的工作場所應該知道這一點。 –

您也可以發佈目錄結構的屏幕截圖。也許我可以從中收集一些東西。 –

Web瀏覽器不知道SCSS或SASS文件是什麼。他們只加載CSS。

你的網站可能有一個構建工具（grunt，gulp，rake等）來編譯.scss源文件爲.css文件，然後發佈到你的網站。

有時您的應用程序服務器將知道如何進行即時翻譯，您只需編輯.scss文件即可。

很多的時間，所以你經常編輯不同的文件，當你看看什麼.css加載瀏覽器你所期望的許多.scss文件將被合併成一個.css文件。

2015-11-05 06:13:05 Matt

回答