scss怎麼編譯

① 如何安裝並編譯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

② 安裝完sass-loader載入器解析 後怎麼將scss文件編譯成css

比如我使用webpack，那麼我打包的時候，編譯器就會幫我編譯好了。
LESS同理。

③ sass 用koala怎麼編譯

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

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

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

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

明CSS文件的頁面編碼為UTF-8。。如果這個CSS的文件編碼也是UTF-8的話。。那麼在瀏覽器中看到的CSS文件的頁面中中文的注釋或者中文字體就可以正確顯示為中文，如果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完全免費，而且作者很負責，有什麼問題作者都會及時給予答復，意見什麼的可以直接提交給作者，一般在下一個版本就能得到解決。

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

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

⑦ windows7怎麼編譯scss

Ruby環境安裝
1、Ruby安裝包下載地址：下載對應系統版本的安裝包；
2、雙擊rubyinstaller-2.2.3-x64.exe開始安裝，如下圖所示安裝;
3、檢查是否安裝成功win+r輸入cmd回車打開終端輸入ruby -v；

Gem的使用方法
安裝完Ruby實際上已經安裝好了gem，通過win+r輸入cmd回車打開終端。
查看已經安裝的gem軟體
gem list
gem在線安裝軟體
gem install (gem-name)
gem卸載軟體
gem uninstall (gem-name)

通過Gem安裝Compass+Sass
Compass是Sass的工具庫（toolkit）主要功能就是可以直接創建項目、配置CSS壓縮方式、配置firefox的調試信息。
安裝Compass（最新的Compass已經集成Sass不用單獨安裝）
gem install compass
由於網路的問題，替換淘寶鏡像源進行安裝
$ gem sources --add https://ruby.taobao.org/ --remove https://rubygems.org/
$ gem sources -l
$ gem install compass

Compass使用方法
1、創建項目 首先通過命令行進入你要創建項目的文件夾。cd\回到根目錄 cd ** 進入某個文件夾。
compass create myproject
2、配置config.rg 主要是對壓縮比例。
#壓縮比例output_style = (environment == :development) ? :expanded : :compresse
3、實時編譯sass Compass實時監控Sass目錄的文件變化，只要保存文件立即將對應文件編譯成css文件
compass watch

⑧ webstorm怎麼編譯sass

這個文件夾應該是webstorm這樣的編輯器創建的，我猜想它可能用於記錄一些project項目配置等，比如：查詢索引。

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

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