如何在webpack+vue.js下配置使用scss

作為一個(gè)vue新手绎速,想要搭建腳手架的時(shí)候皮获,發(fā)現(xiàn)有內(nèi)置的webpack方案,美中不足的是沒(méi)有使用scss纹冤,找了很多地方感覺(jué)很多都沒(méi)有說(shuō)清楚洒宝,于是記錄一下。

vue提供了初始化的webpack模板萌京,其中使用了vue-loader待德。

vue-loader默認(rèn)只支持sass, 要是想要使用scss,必須安裝

node-sass和sass-loader枫夺,

然后再webpack的配置文件中添加

module.exports = {

? vue: {

? ? loaders: {

? ? ? scss: ['vue-style-loader','css', 'sass'].join('!')

? ? },

? }

}

然后在.vue格式的模板中,style 標(biāo)簽中添加 lang='scss' 就可以了绘闷。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末橡庞,一起剝皮案震驚了整個(gè)濱河市较坛,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌扒最,老刑警劉巖丑勤,帶你破解...
    沈念sama閱讀 206,602評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異吧趣,居然都是意外死亡法竞,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,442評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門强挫,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)岔霸,“玉大人,你說(shuō)我怎么就攤上這事俯渤〈粝福” “怎么了?”我有些...
    開(kāi)封第一講書人閱讀 152,878評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵八匠,是天一觀的道長(zhǎng)絮爷。 經(jīng)常有香客問(wèn)我,道長(zhǎng)梨树,這世上最難降的妖魔是什么坑夯? 我笑而不...
    開(kāi)封第一講書人閱讀 55,306評(píng)論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮抡四,結(jié)果婚禮上柜蜈,老公的妹妹穿的比我還像新娘。我一直安慰自己床嫌,他們只是感情好跨释,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,330評(píng)論 5 373
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著厌处,像睡著了一般鳖谈。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上阔涉,一...
    開(kāi)封第一講書人閱讀 49,071評(píng)論 1 285
  • 那天缆娃,我揣著相機(jī)與錄音,去河邊找鬼瑰排。 笑死贯要,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的椭住。 我是一名探鬼主播崇渗,決...
    沈念sama閱讀 38,382評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了宅广?” 一聲冷哼從身側(cè)響起葫掉,我...
    開(kāi)封第一講書人閱讀 37,006評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎跟狱,沒(méi)想到半個(gè)月后俭厚,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,512評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡驶臊,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,965評(píng)論 2 325
  • 正文 我和宋清朗相戀三年挪挤,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片关翎。...
    茶點(diǎn)故事閱讀 38,094評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡扛门,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出笤休,到底是詐尸還是另有隱情尖飞,我是刑警寧澤,帶...
    沈念sama閱讀 33,732評(píng)論 4 323
  • 正文 年R本政府宣布店雅,位于F島的核電站政基,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏闹啦。R本人自食惡果不足惜沮明,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,283評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望窍奋。 院中可真熱鬧荐健,春花似錦、人聲如沸琳袄。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 30,286評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)窖逗。三九已至址否,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間碎紊,已是汗流浹背佑附。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 31,512評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留仗考,地道東北人音同。 一個(gè)月前我還...
    沈念sama閱讀 45,536評(píng)論 2 354
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像秃嗜,于是被迫代替她去往敵國(guó)和親权均。 傳聞我的和親對(duì)象是個(gè)殘疾皇子顿膨,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,828評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容

  • 在現(xiàn)在的前端開(kāi)發(fā)中,前后端分離叽赊、模塊化開(kāi)發(fā)虽惭、版本控制、文件合并與壓縮蛇尚、mock數(shù)據(jù)等等一些原本后端的思想開(kāi)始...
    Charlot閱讀 5,431評(píng)論 1 32
  • 原文http://www.cnblogs.com/libin-1/p/6596810.html 版本號(hào) vue-c...
    tengrl閱讀 3,634評(píng)論 0 0
  • webpack 是什么? 本質(zhì)上顾画,webpack 是一個(gè)現(xiàn)代 JavaScript 應(yīng)用程序的靜態(tài)模塊打包器(mo...
    IT老馬閱讀 3,303評(píng)論 2 27
  • 構(gòu)建工具逐漸成為前端工程必備的工具取劫,Grunt、Gulp研侣、Fis谱邪、Webpack等等,譯者有幸使用過(guò)Fis庶诡、Gul...
    陳堅(jiān)生閱讀 5,990評(píng)論 4 64
  • 上次跟大家分享了“冰山模型”惦银,不知道大家有沒(méi)有用它解決過(guò)實(shí)際工作或生活中遇到的問(wèn)題呢?如果有末誓,那么恭喜你扯俱,你已經(jīng)將...
    Sharon_程閱讀 299評(píng)論 0 1