关于vite:使用vite创建的vue3项目安装styleresourcesloader后使用scss报错

54次阅读

共计 566 个字符,预计需要花费 2 分钟才能阅读完成。

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