HTML文件如何静态引入scss文件

2024年2月18日 217次阅读 来源: 星海蓝昇 
理论上html是不能引入scss文件的，只能引入css文件，所以在使用scss	时，可以动态监听scss，更改后翻译为css文件，将css文件静态引入html中。

具体方法如下：（比较原始，不依赖于ide工具）

  1. 安装sass工具，可以局部安装，也可以全局安装；方法是打开cmd命令行工具，在有npm（或者其他工具，如yarn）的前提下，npm install sass -g (全局安装 带 -g,局部不用）；

  2. 在scss文件保存目录中，使用命令 sass – watch test.scss : test.css （test为临时文件名，个人可按实际情况更改）;

  3. 将css文件引入html中；

    按照上面的步骤操作后，即可在写样式表的时候，使用scss文件进行开发，cmd会自动生成css样式文件，从而即时查看效果。

    原文作者：星海蓝昇
    原文地址: https://blog.csdn.net/weixin_45386734/article/details/105367093
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞