『壹』 使用less預編譯css的一個問題
你應該定義一個自定義類。
// 類似這樣的
.auto(){
margin: 0 auto;
}
你那個是css類 應該就顯示出來了編譯後。
『貳』 hbuild 預編譯怎麼scss自動生成css
最新版可以直接編譯的
在scss文件或者less文件中直接右鍵在跳出的菜單里選擇編譯選項就會自動生成這個編譯後的文件
『叄』 css預編譯器： Sass 和 Less的實現和通過編譯css的js文件，然後通過引用js的方法實現css編譯的原理有區別
先說問題，css預編譯器，前端都必須要使用嗎？當然是非必需的，如果是小的項目沒必要使用，但是項目大了之後css預編譯器的優勢才會凸顯出來，配合postcss整個項目的css文件會有極大的壓縮
『肆』 為什麼你們在項目中還不用 Less 或 Sass 等 CSS 預編譯工具
為什麼要用？第三方的玩意，另外增加學習成本，對團隊來說不一定方便。並且說不定哪天就淘汰了，這些玩意能實現的東西css後面的版本裡面很多都將內置。
『伍』 CSS中的預編譯語言less和sass
一個基礎的公用的less文件 名稱為 base.less 文件 內容如下:
在另一個 index.less文件 中使用
『陸』 css預編譯器之間的區別和聯系
基本語法區別:
在使用 CSS 預處理器之前最重要的是理解語法，幸運的是基本上大多數預處理器的語法跟 CSS 都差不多。
首先 Sass 和 Less 都使用的是標準的 CSS 語法，因此如果可以很方便的將已有的 CSS 代碼轉為預處理器代碼，默認 Sass 使用 .sass 擴展名，而 Less 使用 .less 擴展名。
/* style.scss or style.less */h1 {color: #0982C1;}12341234
這是一個再普通不過的，不過 Sass 同時也支持老的語法，就是不包含花括弧和分號的方式：
/* style.sass */h1color: #0982c1123123
而 Stylus 支持的語法要更多樣性一點，它默認使用 .styl 的文件擴展名，下面是 Stylus 支持的語法：
/* style.styl */h1 {color: #0982C1;}/* omit brackets */h1color: #0982C1;/* omit colons and semi-colons */h1color #
可以在同一個樣式單中使用不同的變數，例如下面的寫法也不會報錯：
h1 {color #0982c1}h2font-size: 1.2em1234512345