首页 > LESS如何在本地使用?

LESS如何在本地使用?

在页面头部引入了.less和less.js文件

<link rel="stylesheet" type="text/less" href="js/styles.less">
<script type="text/javascript" src="js/less.min.js"></script>

似乎是引入文件的策略问题。该如何解决呢?

回来补充

  1. 现在一般用koala或者livereload等工具实时编译less,然后再文件中引用生成的CSS文件

  2. 工具的话推荐liveReload, 强大之处在于写好less之后点击保存,浏览器会自动刷新并显示更改,大大提高了开发效率。


一般less做css预处理,很少采用引用less.js的方式,一般是把less编译成css之后,引用生成的css。如果使用gulp或者grunt做架构工具的话,会有gulp-less或者grunt-less插件。如果没有架构工具,可以使用koala等工具。
http://www.daqianduan.com/4964.html


link这么写:

<link rel="stylesheet/less" type="text/css" href="js/styles.less">

补充:

安全策略的问题,尝试用一个简单的web server启动网站就能解决,譬如lite-server。
不要从文件系统直接打开网页


不能直接在本地打开,而应该通过启服务器的方式,用phpstorm可以直接启动,总之其实就是通过localhost:9000/index.html这种方式,而不能通过"c:/www/index.html"的方式启动。


写完的less直接在本地编译成css不就好了吗,直接用命令行$ lessc styles.less styles.css,或者用考拉等编译工具好啊,没有必要这么写啊。


原因是 chrome 禁止 js 访问本地文件(即使是用 jsonp 解决了跨域)


在chrome的快捷方式后面添加命令" --allow-file-access-from-files" (不包括引号)

【热门文章】
【热门文章】