集成scss
打開webStorm的終端
安裝依賴
cnpm i -D sass-loader node-sass
使用
<style lang="scss" scoped>
.text{
color: red;
}
</style>
在index.vue里把iBook 的字體顏色改成紅色,再運(yùn)行npm run dev:wx重付,再打開微信開發(fā)者工具填硕,
image.png
image.png
這是顏色已經(jīng)更改過來了柜裸,說明我們sass集成成功了
注意:如果安裝完sass,編譯失敗,可能是當(dāng)前sass的版本太高味滞,webpack編譯時(shí)出現(xiàn)了錯(cuò)誤樱蛤,這個(gè)時(shí)候只需要換成低版本的就行,下面說一下修改方法剑鞍,很簡(jiǎn)單昨凡,如下,找到package.json文件蚁署,里面的 "sass-loader"的版本更換掉 就行了便脊。
image.png
我的版本本來是8.0改成了7.3.1,再運(yùn)行npm run dev:wx光戈,再打開微信開發(fā)者工具哪痰,如果還出現(xiàn)錯(cuò)誤遂赠,就運(yùn)行一下cnpm i 安裝一下可能缺失的module,就ok了晌杰。(cnpm 是用的淘寶鏡像:npm install -g cnpm --registry=https://registry.npm.taobao.org
)