在项目中使用青菜或者少等,会大大的提高开发的效率。
步骤:
- 1 安装相关的插件
- sass:cnpm install node-sass sass-loader --save-dev 这里使用的是cnpm安装方式,npm安装有时不会成功
- less:cnpm install less-loader --save-dev
安装了相应的插件便可以直接使用了,不用在配置什么
- 2 使用
// 在项目中使用sass方式
<style scoped lang="sass">
.hello
h1
color: #f00
</style>
// 在项目中使用scss方式(推荐)
<style scoped lang="scss">
.hello {
h1 {
color: #f00
}
}
</style>
// 在项目中使用less方式
<style scoped lang="less">
.hello {
h1 {
color: #f00
}
}
</style>