问题形容:
  • 应用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