标签:浏览器 less anywhere html 生效 双击
在浏览器环境使用 less
在你的 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 静态文件服务器
标签:浏览器,less,anywhere,html,生效,双击 来源: https://blog.csdn.net/weixin_44589540/article/details/116697019
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。