npm install node-sass --save-dev
npm install sass-loader --save-dev
安裝成功后修改webpack.base.conf.js
文件添加
image.png
剛開始下載,一直報錯
image.png
卸載重新安裝又ok
npm uninstall node-sass
重新安裝
npm install node-sass
也可以使用yarn
來安裝, 更快速,安全,可靠。
沒有yarn的可以安裝一下,配置yarn的下載依賴包的倉庫地址(because資源包默認地址都是在國外,下載失敗率較高),使用最常見也靠譜的淘寶鏡像yarn config set registry https://registry.npm.taobao.org -g
即可
tip:
npm安裝命令使用--save
會在package.json
中自動添加
webpack需要用到sass-loader
加載器解析.scss
文件,安裝sass-loader,必須先安裝node-sass