共计 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
正文完