vue的每个版本全局使用scss(vite)

vue的每个版本全局使用scss

我们在使用vue创建项目的时候 第一步肯定就是把css预处理器先解决 ,这里我用的是sass,但是我在最初的时候引用sass报了很多错 ,在scdn上也找了很多方式,大部分都不行,我估计很多人都没测试过,直接把别人的结果copy一份发在自己的上面,导致大部分结论都一样,这样的人最可耻,本人保证本人一切博客皆以实战为基础,解决问题才写的,话不多说

vue@2使用sass

这个是要在vue.config.js里面填写配置项,这里就不过多讲述了
vue的每个版本全局使用scss(vite)_第1张图片
直接在创建项目的时候就选择预处理器就好了,直接给你配好了没啥好说的

vue@3使用sass

这里面是vue3的

vue的每个版本全局使用scss(vite)_第2张图片
其实现在scss基本也不用怎么去配置,只要注意node版本跟sass版本就行

vite使用scss

之前用了很多方法说什么添加文件vite.config.js之类的方法,用了过后发现里面第一行vite的一个什么属性都没有都报错,不知道在哪里搞来的,最简单的办法,把nodemoudle删除
vue的每个版本全局使用scss(vite)_第3张图片

然后把sass移到下面的环境里面 ,重新安装依赖就行

在这里插入图片描述
vue的每个版本全局使用scss(vite)_第4张图片

还有各种版本的vue欢迎补充

你可能感兴趣的:(vue,js,vue.js,scss,sass)