问题形容:
- 应用vite创立的vue3我的项目,装置style-resources-loader后应用scss报错
装置scss:
npm init vite 我的项目名 -- --template vue
创立后的我的项目package.json如下,默认vue3+ts
(按官网提醒创立我的项目即可)
vue add style-resources-loader
--提醒1:先git提交以后我的项目变动
--提醒2:抉择对应css预处理器即可
--提醒3:在vue.config.js内配置,默认装置完插件主动生成vue.config.js内的配置
--vue.config.js配置
开始报错:
- 装置好了去App.vue里试试
- 网上确实是应用
vue add style-resources-loader
命令就能够应用scss,之前用脚手架搭的vue3我的项目里亲测也是装置即可用,至于这里vite创立的vue3我的项目试了装置好几遍重启都不能够
解决方案:
- 先执行
vue add style-resources-loader
命令,再执行npm i sass --save-dev
命令,重跑一遍我的项目就能够了
相干链接:
- vue3官网:
https://v3.cn.vuejs.org/guide/migration/introduction.html#%E6%A6%82%E8%A7%88