vue-cli 添加less 以及sass

vue-cli中已經內置配置好了sass 以及lass的配置。
若是須要的話直接下載兩個模塊就能夠了

npm install node-sass --save-dev
npm install sass-loader --save-dev

若是是淘寶鏡像直接運行cnpm是同樣的效果

而後在組件或者視圖中給樣式加上語言就能夠了

<style lang="sass" scoped>
    .....
</style>

這裏須要說明一下scoped是讓樣式只在當前組件或者視圖中起做用的。

less的話也是同樣 須要裝兩個loader

npm install less --save-dev
npm install less-loader --save-dev

其他的都是同樣的。