Less css file include in <head> section

Less css file include in <head> section

Which files are needed to include in <head> section for less css. At less official site , i have just seen that they have told to include .less and .js file. But it is not working without .css file. 

 

回答

Referring to LESS documentation (http://lesscss.org/#client-side-usage):

Link your .less stylesheets with the rel set to “stylesheet/less”:

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

Then download less.js from the top of the page, and include it in the <head> element of your page, like so:

<script src="less.js" type="text/javascript"></script>

Make sure you include your stylesheets before the script.

This method will cause the less-file act as a regular css-file so no additional files are needed.

This is not a good practice for production environments though. You should compile your less-file to css-file and include it in your <head>-section as is without any less- or js-files.

 

作者:Chuck Lu    GitHub    
posted @   ChuckLu  阅读(40)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
历史上的今天:
2018-03-01 压缩css和js
2018-03-01 partition
2017-03-01 Find or Query Data with C# Driver
2017-03-01 Insert Data with C# Driver
2017-03-01 Connect to MongoDB
2017-03-01 What's the difference between returning void and returning a Task?
2016-03-01 Unicode and .NET
点击右上角即可分享
微信分享提示