當(dāng)前位置：
首頁(yè) >
vue 中使用scss
發(fā)布時(shí)間：2025/4/16
43
豆豆
生活随笔
收集整理的這篇文章主要介紹了
vue 中使用scss
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
1.下載
npm install --save-dev sass-loader npm install --save-dev node-sass npm install sass-loader --save-dev 2.使用 vue1中 在build文件夾下的webpack.base.conf.js的rules里面添加配置{
test:?/\.sass$/, loaders: ['style',?'css',?'sass']
}
?
vue2 中不用，已經(jīng)自己引入了，再引入會(huì)報(bào)錯(cuò)
在style 中加入lang=“scss” 屬性即可
<style lang="scss"><style>
如果.css文件把名字改成.scss即可
?。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
然后我重啟npm run dev發(fā)現(xiàn)抱錯(cuò)了：Module build failed: Error: Cannot find module 'node-sass'
然后這個(gè)檢索資料發(fā)現(xiàn)可以這么處理：
此處是Vue環(huán)境下，把node從8.0.0升級(jí)到9.0.0導(dǎo)致了，之前已安裝的4.5.2的Node Sass報(bào)錯(cuò)了。
解決辦法是：
卸載重裝（最新版本的node-sass）即可：
npm uninstall node-sass -D
npm install node-sass -D?
轉(zhuǎn)載于:https://www.cnblogs.com/sweeeper/p/11282712.html
總結(jié)
以上是生活随笔為你收集整理的vue 中使用scss的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 在vue项目中引入高德地图及其UI组件的
- 下一篇： vue项目适应不同屏幕做的适配器