传统html页面如何配合sass/less进行开发
在传统的html页面中直接引入sass文件会报错。不知道应该怎么引入,小白希望能有大神不吝指导
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
在传统的html页面中直接引入sass文件会报错。不知道应该怎么引入,小白希望能有大神不吝指导
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
接受
或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论(5)
less 是可以直接用的 你需要引入一个less.js
我用的vscode,里面有个插件叫easy less,直接写less,然后ctrl+s的时候会生成一个css文件,html引入这个css文件就行,反正也是编译过的
1.在任合时候传统html引入的都是css文件(或者编译后的文件),
2.如果不是构建项目的话,一般都是靠编译器完成scss(SCSS 是 Sass 3 引入新的语法,其语法完全兼容 CSS3,并且继承了 Sass 的强大功能)转css
3.webstrom VScode hubilder等都可以用ide方式编译
我喜欢用vscode,就以它为例吧
1.在vscode下载两个ide
2.在项目里新建.scss文件
3.在scss里写代码
4.点击下方watch scss
5.把生成的css引入你的html吧
像webstorm,这类的ide,应该有
ctrl + s
保存的时候,自动编译的插件, 直接引入编译后的css最简单http://koala-app.com/index-zh... 试试这个 配置好就可以了