為了更好的駕馭css 我們需要sass的支持
安裝
npm install node-sass --save-dev
npm install sass-loader --save-dev
指定源解決國(guó)內(nèi)node-sass安裝難的問題
npm install --save node-sass --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist --sass-binary-site=http://npm.taobao.org/mirrors/node-sass
說明:
--registry=https://registry.npm.taobao.org 淘寶npm包鏡像
--disturl=https://npm.taobao.org/dist 淘寶node源碼鏡像据德,一些二進(jìn)制包編譯時(shí)用
--sass-binary-site=http://npm.taobao.org/mirrors/node-sass 這個(gè)才是node-sass鏡像
修改build/webpack.base.conf.js增加loader
{
test: /\.scss$/,
loaders: ["style", "css", "sass"]
},
vue 中使用
<style lang="scss" type="text/css" scoped>
...
</style>