怎么在html中使用less样式呢?
发布于 9 年前 作者 myylife 19560 次浏览 最后一次编辑是 8 年前 来自 问答

直接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么? 这有多麻烦啊

回到顶部