安装 node-sass 和 sass-loader
npm install node-sass --save-dev
npm install sass-loader --save-dev
安装完成后在需要使用的页面的 style 中加入 lang=”scss” 即可,例:
<style lang="scss">
/* 用来放置变量的 scss 文件 */
@import '../assets/scss/variable.scss';
.scroll-list-wrap{
height: 350px;
.item{
padding: 10px 10px;
&:nth-child(2n+1){
background: $color-ccc;
}
}
}
</style>