怎么在html中使用less样式呢?
发布于 24天前 作者 myylife 214 次浏览 来自 问答

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

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

@fancylife 我说的麻烦是开发时要在后台跑着gulp监视less文件变化啥的

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

<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>

开发环境下我这样做的

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

回到顶部