解決本地引用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;
.left{
color: green;
}
.right{
color: red;
}
}
</style>
<script src="less.js"></script>
</head>
<body>
<div class="ccc">1111111111</div>
111
</body>
</html>
- 你要告訴它裏面的是less就可以運行了,就是這麼簡單。