webpack 引入 sass

使用sass或scss語法配置

  1. 安裝sass依賴sass-loader和node-sass:
npm i sass-loader node-sass -D

安裝之后,可能會出現(xiàn)node-sass安裝失敗的情況,原因和解決辦法可以參考這里,可以通過在命令行直接運行下面的命令來解決:

SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ 
npm install node-sass

然后在webpack.base.conf.js中添加相關(guān)配置:

{
    test: /\.s[a|c]ss$/,
    loader: 'style!css!sass'
}

也可以直接采用 cnpm

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 版權(quán)聲明:本文為博主原創(chuàng)文章,未經(jīng)博主允許不得轉(zhuǎn)載。 webpack介紹和使用 一、webpack介紹 1、由來 ...
    it筱竹閱讀 11,458評論 0 21
  • 在現(xiàn)在的前端開發(fā)中,前后端分離、模塊化開發(fā)、版本控制、文件合并與壓縮、mock數(shù)據(jù)等等一些原本后端的思想開始...
    Charlot閱讀 5,659評論 1 32
  • GitChat技術(shù)雜談 前言 本文較長,為了節(jié)省你的閱讀時間,在文前列寫作思路如下: 什么是 webpack,它要...
    蕭玄辭閱讀 12,891評論 7 110
  • 無意中看到zhangwnag大佬分享的webpack教程感覺受益匪淺,特此分享以備自己日后查看,也希望更多的人看到...
    小小字符閱讀 8,368評論 7 35
  • 每一個 Vuex 應(yīng)用的核心就是 store(倉庫)。"store" 基本上就是一個容器,它包含著你的應(yīng)用中大部分...
    super1981閱讀 733評論 0 1

友情鏈接更多精彩內(nèi)容