在浏览器环境使用 less 不生效？anywhere!

最新推荐文章于 2023-01-04 15:34:03 发布

全幼儿园最聪明

最新推荐文章于 2023-01-04 15:34:03 发布

阅读量989

点赞数 1

分类专栏：前端开发

本文链接：https://blog.csdn.net/weixin_44589540/article/details/116697019

版权

26 篇文章 1 订阅

订阅专栏

在你的 html 文件的 <head> 中引入 less ，将 styles.less 替换为你自己的文件名即可。

<link rel="stylesheet/less" href="styles.less" />
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/3.11.1/less.min.js" ></script>

之后你是不是双击 html 文件，以浏览器方式打开发现样式并没有生效？
请注意：如果使用了 less，不能以直接双击 html 的方式运行它！
因为浏览器并不能直接读懂 less，需要先转义成浏览器可以读懂的普通 css，如果直接双击打开就略去了转义这一步，样式自然无法生效。

安装 anywhere，它是一款随启随用的静态文件服务器，用于前端应用启动服务。

npm install anywhere -g

-g 表示全局安装
之后进入对应的文件夹，启动 anywhere

anywhere

就可以在默认的8000端口看到你写好的前端界面了，样式已经生效了。
anywhere 命令还有其他参数设置，感兴趣可以继续了解：
参考链接——AnyWhere 静态文件服务器

关注