vue中使用sass和less的方法
sass和less都是css的预编译处理语言,两者各有优势,需要根据实际需求来选择使用哪一个。关于这两者,摘取一段描述:首先sass和less都是css的预编译处理语言,他们引入了mixins,参数,嵌套规则,运算,颜色,名字空间,作用域,JavaScript赋值等 加快了css开发效率,当然这两者都可以配合gulp和grunt等前端构建工具使用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了。
更多推荐
已为社区贡献2条内容
所有评论(0)