scss編譯

㈠ sass怎麼編譯同一文件下的不同scss

編譯sass文件 在命令行下進入到sass文件所在目錄， 運行>compass compile 也可以指定要編譯的文件 >compass compile fileName.scss #sass文件夾下會有個config文件指定編譯後的css存放位置。

㈡ webstorm 編譯 scss 文件報錯

打開webstorm創建空項目，點擊「File」菜單選擇「Setting」，搜索「watcher」關鍵字，

點擊右邊綠色加號，選擇「SCSS」文件類型。

輸入監視文件類型名稱(隨便寫)，關鍵第二個選項，一定要選擇ruby安裝目錄bin文件下的scss.bat文件

最後，創建.scss文件輸入scss css代碼，保存後會生成後綴.css文件，就可以了。

㈢ sass 編譯要輸入文件位置嗎

您好，這樣的：Sass的安裝:
1.安裝：SASS是Ruby語言寫的，但是兩者的語法沒有關系。不懂Ruby，照樣使用。只是必須先安裝Ruby，然後再安裝SASS。
假定你已經安裝好了Ruby，接著在命令行輸入下面的命令：
gem install sass

然後，就可以使用了。
2：使用：
SASS文件就是普通的文本文件，裡面可以直接使用CSS語法。文件後綴名是.scss，意思為Sassy CSS。SASS提供兩種編譯方式，一種是手動編譯，一種是監視編譯(–watch)，手動編譯就是當你撰寫好CSS時下指令去做編譯，監視編譯則是你指令一個目錄，當此目錄裡面的*.scss檔案有改變時（新增、覆寫等等），就會自動去做編譯的動作。先來講手動編譯方式：
下面的命令，可以在屏幕上顯示.scss文件轉化的css代碼。（假設文件名為test。）
sass test.scss
如果要將顯示結果保存成文件，後面再跟一個.css文件名。
sass test.scss test.css
SASS提供四個編譯風格的選項：
* nested：嵌套縮進的css代碼，它是默認值。
* expanded：沒有縮進的、擴展的css代碼。
* compact：簡潔格式的css代碼。
* compressed：壓縮後的css代碼。
生產環境當中，一般使用最後一個選項。
sass –style compressed test.sass test.css
還有一種監視的方式做編譯，在命令行中切換到當前sass或者scss文件所在的目錄，然後運行
sass –watch scss:css

㈣ 為什麼用scss編譯過的css文件不能提交

可能出現的原因：1.可能引入的css文件代碼被注釋了。2.可能路徑寫錯了。3.可能css代碼寫錯了。4.可能還要再重啟一下myeclipse。解決的方法：1.檢查一下jsp代碼中引入的css文件的那塊代碼。以下形式：去掉因為myeclipse默認是把css樣式注釋掉的。2.檢查路徑是否寫錯。3.css代碼寫錯了。4.重啟一下myeclipse，去掉上面的注釋之後，關閉myeclipse，再重新打開myeclipse，就可以看到css效果已經載入成功了。

㈤ 如何安裝並編譯sass為css文件

1、koala軟體編譯
2、sass命令：依靠環境。
自動編譯命令：（編譯單個文件/編譯整個文件夾）
編譯單個文件
sass文件目錄 sass --watch scss文件的路徑:css文件的路徑 --style expanded
編譯整個文件夾
sass文件目錄 sass --watch scss文件夾/. : css文件夾/. --style expanded
3、gulp編譯
4、hbulid編譯
①工具--預編譯設置
②新建一個預編譯配置 .scss
③輸入觸發命令的地址：ruby裡面的sass.bat地址
④命令參數：%FileName% ../css/%FileBaseName%.css

㈥ 怎麼用vs編譯scss樣式表

導入.sass或.scss文件 css有一個不太常用的特性，即@import導入功能，它允許在一個css文件中導入其他css文件。然而，結果是只有執行到@import規則時，瀏覽器才會去下載其他css文件，這會導致頁面樣式載入特別慢，從而容易出現頁面閃的問題。

㈦ sass命令編譯的終端是指什麼

1.把一個文件夾內的sass文件，編譯到另一個文件夾內出現對應的css文件，命令如下
sass --watch sass/:css/

sass/表示sass文件夾下的.scss或者sass文件，css/表示把編譯後的文件都放到css文件夾內
2.只編譯一個sass文件，但是在這一個sass文件中，引入了所有需要編譯的sass文件
比如我又a.scss,b.scss,c.scss,d.scss,我把bcd三個文件在a中引入，那麼我只需要編譯a就可以了，方式：在a.scss文件中引入bcd

㈧ sass 用koala怎麼編譯

我最近也在學sass，之前用的是sublime test2，這個編譯器有個好處就是轉譯成css的時候方便，但是終究還是和項目分離，也很麻煩。後來發現只要通過命令行一直監視整個目錄或者文件就方便多了，只要保存，sass就會自動編譯，下面是例子：
監視文件：
sass --watch test.scss:test.css

監視目錄
sass --watch sass(sass目錄):css（css目錄）

滿意的話希望採納啦。。。。

㈨ 怎麼使用Less/Sass編譯工具koala

一、SASS調試插件的方法
如需調試功能，請在編譯輸出的時候輸出debug信息，那樣解析的css文件中就會包含debug信息，然後通過firebug或谷歌的調試工具就可以定位到我們編輯的scss文件，而不是解析後的css文件。
如果光做好SASS的准備工作還不夠，還需要讓瀏覽器支持SASS。那麼就需要一個瀏覽器的插件才能讓瀏覽器識別SASS，從而方便開發人員進行開發。
如需調試功能，請在編譯輸出的時候輸出debug信息，那樣解析的css文件中就會包含debug信息，然後通過firebug或谷歌的調試工具就可以定位到我們編輯的scss文件，而不是解析後的css文件。(如圖1-1)

圖1-1

如果你的css文件中沒有以@media -sass-debug-info開頭的代碼，說明沒有輸出debug信息。請重新使用koala工具編譯你的scss文件，並確定已經勾選了debug信息這個選項。
在火狐中調試，只需要再下載FireSass→即可。
二、編譯工具koala的安裝
1、進入頁面
2、根據系統下載所需要的koala的版本
3、然後在下載文件夾中安裝下載的EXE文件，即可安裝成功
三、編譯工具koala的優點
1、多語言支持：支持Less、Sass、CoffeeScript 和 Compass Framework。
2、實時編譯：監聽文件，當文件改變時自動執行編譯，這一切都在後台運行，無需人工操作。
3、編譯選項：既可統一設置文件的編譯選項，也可單獨設置某個文件的編譯選項。
4、強大的文件右鍵功能：右鍵文件元素，即可操作打開文件，打開文件目錄，打開輸出文件目錄，設置輸出文件目錄，編譯，刪除六大常用功能。
5、錯誤提示：在編譯時如果遇到語法的錯誤，koala將在右下角彈出錯誤信息，方便開發者定位代碼錯誤位置。
6、跨平台：windows、linux、mac都能完美運行。
7、免費且負責：koala完全免費，而且作者很負責，有什麼問題作者都會及時給予答復，意見什麼的可以直接提交給作者，一般在下一個版本就能得到解決。

㈩ 怎麼使scss編譯成css後，頂部有@charset=utf-8

明CSS文件的頁面編碼為UTF-8。。如果這個CSS的文件編碼也是UTF-8的話。。那麼在瀏覽器中看到的CSS文件的頁面中中文的注釋或者中文字體就可以正確顯示為中文，如果CSS的文件編碼和頁面不一致的話。那麼這個CSS文件的中文則會顯示為亂碼。。特別是定義中文字體的時候。就不能正確識別。