步骤一:安装
cnpm install node-sass --save-dev
cnpm install sass-loader --save-dev
cnpm install style-loader --save-dev
步骤二:配置
打开build文件夹下面的webpack.base.config.js,在module下添加
,
{
test: /\.sass$/,
loaders: ['style', 'css', 'sass']
}
第三步:使用
<style lang='scss' scoped >
.container {
width: 100px;
height: 100px;
background-color: #42b983;
> .btn {
width: 50px;
height: 50px;
background-image:url("../assets/logo.png");
background-color:white;
}
}
</style>