mpvue 使用sass的解決方案

對於剛剛接觸mpvue的小夥伴,這mpvue會讓大部分人感受很頭疼,css

大大小小的問題會碰見不少,好比我剛作微信小程序項目時,vue

sass的使用遇到問題,去網上找一些大佬的解決方案,操做起來很繁瑣,並且還不能解決問題;node

我找到一個操做簡單又使用的方法,你們不妨試一下。webpack

首先你們分別安裝:web

cnpm i sass-loader -D
cnpm i node-sass -D;
複製代碼

而後在style標籤中添加lang=「scss」屬性和屬性值便可npm

這樣就能夠愉快的在style內寫sass了,webpack會自動編譯輸出;小程序

<style lang=「scss」>
    .wrap{
        backgound:#eee;
        .content{
	        font-size:36rpx;
        }
	}
</style>
複製代碼

這樣就能夠啦 遇到相似問題的小夥伴能夠試試;微信小程序

若是還有其餘問題能夠給我留言,看到會第一時間幫你們解決。sass

相關文章
相關標籤/搜索