遇到问题： 原生html里面引入less, 报错啦

前段时间遇到了一个问题，就是我想在原生html里面引入less,不支持，报错了。
我知道的是，使用reat, 用webpack，webpack也是不支持less,但是去暗转引入less的loader包然后配置一波就可解决，有需要的话可以看我这边文章 webpack: 我支持不了css； loader: 没事，有哥呢。分析一波，webpack中的loader

因为原生的html不支持less, 于是乎，一番猛虎操作，网上查了查资料后，自己实践了一波，总结了如下解决方法 ;

解决问题 （2种方式）

方法一 ，安装less库

安装less库，执行：
npm install -g less

然后正常创建less文件，引入文件就可以啦

方法二，可在webstorm中解决

使用webstorm的话，点击左上角File文件选择Settings设置；

然后 ，选择Tools工具，再点击里面的File Watchers,然后右边的有个+号，点击这个+号，再点击下拉框的less,;

再然后弹出的展示框里可以什么都不用填写默认就好了，选择ok,外层下面也选择ok,就算是设置好啦；

上面操作完成后，会生成下面这种：

显示上面那种就意味着是设置成功了；

最后一步

项目里随便取创建一个less文件就会自动生成对应的css文件和压缩版的.css.map文件，
最后在原生的html里面去引入对应的css文件就ok啦。

结尾

以上就是我遇到原生html中引入less文件时报错，我是如何解决的，想必，肯定还有一些其他更好的解决方法，欢迎看到的大佬们可以留下你们的解决方式哦。