scss編譯css
A. css怎麼引用scss
你應該先搞清楚什麼是css，什麼事SCSS？css與scss之間 的關系；
簡單給你說就是scss是css的前身，scss通過編譯後生成css,css可以直接在網頁中使用，如果scss沒有經過編譯的話；網頁中不能使用和識別的，除非你安裝第三方插件支持
B. 如何安裝並編譯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
C. 如何將scss轉換成css文件
如：在D盤建立一個SASS文件夾，文件夾下有一個style.scss文件（scss，sass都行。sass文件對代碼的排版有著非常嚴格的要求，而且沒有大括弧，沒有分號。scss對代碼的要求沒那麼高。）用下面的方法可以將sass或者scss轉換為css文件。
首先輸出 D: 代表找到D盤 ；
然後輸出cd sass 代表找到sass文件夾，其中cd是一定要的；
最後輸出 sass>sass --watch style.scss:style.css 在sass文件夾下將style.scss轉換為style.css 。sass --watch代表一直監聽著style.scss 只要在編輯器上更新了scss就會自動更新style.css 。
D. 為什麼用scss編譯過的css文件不能提交
可能出現的原因：1.可能引入的css文件代碼被注釋了。2.可能路徑寫錯了。3.可能css代碼寫錯了。4.可能還要再重啟一下myeclipse。解決的方法：1.檢查一下jsp代碼中引入的css文件的那塊代碼。以下形式：去掉因為myeclipse默認是把css樣式注釋掉的。2.檢查路徑是否寫錯。3.css代碼寫錯了。4.重啟一下myeclipse，去掉上面的注釋之後，關閉myeclipse，再重新打開myeclipse，就可以看到css效果已經載入成功了。
E. 如何轉變sass的代碼變成css的代碼
比如你寫了一個sass文件，叫index.scss，需要編譯成css文件(index.css)，
可以使用這個命令：
sass index.scss index.css
當然，sass一般是和compass結合這用，你可以用這個命令：
compass watch
這個命令會把所有的scss文件編譯成css文件，並且還會監聽這scss文件的變化，一有變化就重新編譯一下。。
如果你有前端自動化環境，拿grunt來說，配置好watch任務也能監聽scss文件變化並自動化編譯，命令是：
grunt watch
或
grunt serve
F. scss和css區別
SCSS 之類的預處理器本身就是為了生成 CSS 而設計的。
它的優勢在於開發效率高。對於一些樣式復雜的站點，用 SASS 之類的工具生成代碼比手寫 CSS 快得多。但是 SASS 不是為了取代 CSS 而生的，它是為了服務 CSS 而生。
或者類比一下，機器不能直接執行 C，它執行的是編譯後的機器碼。瀏覽器也不能直接渲染 SCSS，它渲染的是編譯出來的 CSS。
不過 SCSS 與 CSS 的關系和@鄭誠所說的「jquery永遠不可能取代javascript」有一點區別。 jQuery 是一個 JavaScript 的庫而非生成 JavaScript 的工具，它是用 JavaScript 開發出來的；而 CSS 是標記語言。CSS 的一些框架如 lessframework 或者 normalize，它們之於 CSS 的關系更像 jQuery 之於 JavaScript。
G. react+webpack+scss 怎麼編譯css獨立文件
處理scss文件需要sass-loader
npminstallsass-loadernode-sass--save-dev
【注】以下配置中需要用到的模塊，請自行安裝
extract-text-webpack-plugin
postcss-loader
precss
autoprefixer
然後在webpack.config.js文件做以下配置
//css文件提取器需要的插件
varExtractTextPlugin=require('extract-text-webpack-plugin');
//postcss-loader需要的配置項
varprecss=require('precss');
varautoprefixer=require('autoprefixer');
mole.exports={
...
mole:{
loaders:[
{
test:/.scss$/,
loader:ExtractTextPlugin.extract('style','css!postcss-loader','sass')}
]
},
postcss:function(){
return[precss,autoprefixer];
}
}
H. vscode 如何讀取scss文件同步成css文件，需要下哪種插件
vscode
只是編輯器，不具備這種讀取並編譯的功能（可以使用在nodeJS使用的sass插件實現），不過vscode
可以把正在編輯的scss文件在保存的時候編譯成css。在找到插件之前你可能需要：
建議還是看看sass或者scss的官方文檔，到底什麼能編譯出來（已收貨14踩！）。
I. 為什麼用scss編譯過的css文件不能用git提交
可能出現的原因：1.可能引入的css文件代碼被注釋了。2.可能路徑寫錯了。3.可能css代碼寫錯了。4.可能還要再重啟一下myeclipse。解決的方法：1.檢查一下jsp代碼中引入的css文件的那塊代碼。以下形式：去掉因為myeclipse默認是把css樣式注釋掉的。2.檢查路徑是否寫錯。3.css代碼寫錯了。4.重啟一下myeclipse，去掉上面的注釋之後，關閉myeclipse，再重新打開myeclipse，就可以看到css效果已經載入成功了。