vue中使用sass和less的方法

sass和less都是css的预编译处理语言，两者各有优势，需要根据实际需求来选择使用哪一个。
关于这两者，摘取一段描述：
首先sass和less都是css的预编译处理语言，他们引入了mixins，参数，嵌套规则，运算，颜色，名字空间，作用域，JavaScript赋值等 加快了css开发效率,当然这两者都可以配合gulp和grunt等前端构建工具使用
sass和less主要区别:在于实现方式 less是基于JavaScript的在客户端处理 所以安装的时候用npm，sass是基于ruby所以在服务器处理。（点击查看原文章）

vue中使用sass环境搭建

首先命令行进入项目
安装sass依赖包

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

安装好依赖之后，在buil文件夹下的webpack.base.conf.js中的rules中添加配置

    {
        test: /\.sass$/,
        loaders: ['style', 'css', 'sass']
    }

接下来你就可以使用sass了。

vue中使用less环境搭建

vue中使用less的方法比较简单，安装less、less-loader即可
命令行进入目录，执行以下命令，安装：

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

如果是使用脚手架工具创建的项目，就可以直接使用less了。