對於剛剛使用mpvue的小夥伴感覺很頭惱,大大小小的問題會遇見很多,比如我開發小程式專案時,sass的安裝會遇見很題,在網上找了很多解決的方案都沒用。大家不妨使用一下這個方法(個人感覺操作簡單又實用);
首先大家分別安裝:
**cnpm i sass-loader -D**
**cnpm i node-sass -D**
然後在style標籤新增lang屬性和scss屬性值(<style lang=“scss”>):
這樣就可以愉快的在style內寫sass了,webpack會自動編譯輸出;
<style lang=“scss”>
.wrap{
backgound:#eee;
.content{
font-size:36rpx;
}
}
這樣就可以啦 遇到類似問題的小夥伴可以試試;
如果還有其他問題可以給我留言,看到會第一時間幫大家解決。
複製程式碼
mpvue使用sass的解決方案
相關文章
- mpvue 使用sass的解決方案Vue
- 安裝sass報錯解決方案
- 基於mpvue的小程式markdown適配解決方案Vue
- 解決vue使用Sass時候的報錯問題Vue
- npm內網安裝node-sass失敗解決方案NPM內網
- mpvue 分包方案Vue
- 關於mpvue中同路由不同頁面共享資料的解決方案Vue路由
- 使用NVRAM的簡單解決方案VR
- VUE專案無法啟動NODE版本與NODE-SASS、SASS-LOADER版本不相容解決方案Vue
- sass變數詳解——你不知道的sass。變數
- 使用boilerplate模版建立解決方案
- 小程式mpvue-echarts的使用VueEcharts
- 使用laravel解決庫存超出的幾個方案Laravel
- SpringBoot使用外部Web容器的解決方案Spring BootWeb
- webView的使用及其亂碼問題的解決方案WebView
- Sass使用總結
- node-sass 安裝失敗的原因及解決辦法
- 關於安裝 node-Sass 報錯的解決記錄
- 使用防垃圾梭子魚解決方案(轉)
- 解決方案| anyRTC金融音視訊解決方案
- 新能源汽車使用電感的解決方案gujing
- 犀思雲—混合雲解決方案的使用與解析
- 使用Docker網路解決方案weave遇到的那些坑Docker
- docker ubuntu 的vi,nano命令無法使用的解決方案DockerUbuntuNaN
- 區域醫療 SOA 解決方案,使用 IBM 解決方案實現醫療文件共享IBM
- 解決Cannot download “https://github.com/sass/node-sass/releases/download/binding.nod的問題HTTPGithub
- LAMP解決方案LAMP
- 使用mpVue構建小程式Vue
- Lumen 中使用 jwt 時多 guard 的問題解決方案JWT
- RecyclerView的使用總結以及常見問題解決方案View
- mongodb shell不能使用退格鍵的問題解決方案MongoDB
- root和其他使用者不能登入的解決方案
- 高併發解決方案詳解(9大常見解決方案)
- Jou 的解決方案系列:序言
- 分散式鎖的解決方案分散式
- 佈局的常用解決方案
- 前端跨域的解決方案前端跨域
- 探索ABP的EventHub解決方案