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

其他的都是同样的。