LESS.js没有加载?

时间:2018-03-27 18:27:17

标签: javascript css less

我正在尝试使用LESS,但即使跟随教程,页面也无法呈现。以前我在body class =“”标签中有几十个不同的类,但为了清洁起见,我想用LESS将它封装在一个类中。

它尚未加载到Chrome,Safari或Firefox中
我在.LESS文件中使用的所有类都包含在.CSS

的index.html:

<head>
  <link rel="stylesheet" type="text/css" href="./index_files/site.css">
  <link rel="stylesheet/less" type="text/css" href="./index_files/site.less"/>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/less.js/3.0.0/less.min.js"> 
</script>
</head>

<body class="main_body"> 
   ...
</body>

site.LESS:

@import (less) "site.css";

main_body {
  .site-spacing-custom;
  .site-outer-padding-large;
  .site-alignment-center;
  .tweak-site-ajax-loading-enable;
  .ancillary-header-full-width;
  .tweak-header-cart-style-text;
  .show-site-footer;
}

通过我的笔记本电脑托管页面后,它现在正在呈现,但.LESS代码根本不起作用: enter image description here

0 个答案:

没有答案