传统html页面如何配合sass/less进行开发

在传统的html页面中直接引入sass文件会报错。不知道应该怎么引入,小白希望能有大神不吝指导

阅读 9.8k
5 个回答

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最简单

我用的vscode,里面有个插件叫easy less,直接写less,然后ctrl+s的时候会生成一个css文件,html引入这个css文件就行,反正也是编译过的

less 是可以直接用的 你需要引入一个less.js

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题