解决本地引用less跨域问题

最新推荐文章于 2024-09-07 11:41:12 发布

Jade琛

最新推荐文章于 2024-09-07 11:41:12 发布

阅读量1.3k

点赞数

分类专栏：学习文章标签： less 前端

本文链接：https://blog.csdn.net/Jadeyqc/article/details/103864980

版权

本文介绍了如何解决在浏览器环境下引用Less时遇到的跨域问题。通过在本地设置服务器，例如使用IIS创建网站并指定端口号，或者直接在HTML中内联编写Less，避免跨域限制。

摘要由CSDN通过智能技术生成

解决本地引用less跨域问题

Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。

Less 可以运行在 Node 或浏览器端。

在 Node.js 环境中使用 Less ：

npm install -g less

对于less在node环境中怎么使用less中文网上已经很明确了，可以自行学习。

下面主要说一下less怎么在浏览器端使用。

在浏览器端

1.去中文网下载最新的less,或者引入有效的CDN也可以，但是这样会有跨域问题。在本地是不行的。

2.所以就需要在本地配到服务器端，这样就可以避免跨域问题。
- 在本地IIS里面新建一个网站，首页就是index.html文件
- 然后指定一个端口号，在本地localhost：端口号访问就行了。
还有一个方法更简单。就是直接把less写到html里面

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>	
	<style type="text/less">
        .ccc{
            height: 60px;
            background-color: #ccc;
            .