CNode

怎么在html中使用less样式呢?

问答
Mmyylife发布于11 年前最后回复11 年前5 回复20080 浏览0 收藏

直接link less文件么? 还是链接的less编译生成的css文件? 然后每次修改less文件,看效果,都重新编译一次less文件么? 感觉有点麻烦,还不如直接用css啊

查看回复

回复 (5)

F
fancylife#1·11 年前
  1. 直接link less文件么? 可以,条件是,优先加载 lesscss.js
  2. 生产环境使用less文件还是css文件? 实际根据你的业务决定,假如是使用less文件,直接采取方案1。 若使用css文件,可使用grunt或者gulp这样的工具监听less文件内容,内容改变动态编译less更新css文件,当然工具也可以是webpack。 出现grunt或者gulp编译的性能问题,就将less文件拆散,这样监听编译的目标也可以拆散,提高编译速度
  3. 感觉有点麻烦,还不如直接用css? 使用less或者sass会减少你的开发时间,刚开始多花时间学习,以后更高效
F
fancylife#3·11 年前

@myylife 并不麻烦,几行代码而已,昨天还有一个东西没有说,不刷新页面,自动重新加载css,用chrome的livereload插件 http://www.chromein.com/crx_11631.html

S
Sunyson#4·11 年前
<link rel="stylesheet/less" type="text/css" href='/less/main.less'/>
<script src="/js/less-1.6.0.min.js" type="text/javascript"></script>
<script>less.watch();</script>

开发环境下我这样做的

M
myylife#5·11 年前
引用 Sunyson<link rel="stylesheet/less" type="text/css" href='/less/main.less'/ <script src="/js/less 1.6.0....

@Sunyson 发布时,还要把所有.less引用改成.css么? 这有多麻烦啊

参与回复
登录后即可参与回复。登录