‘壹’ 使用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