1. 安装依赖:npm install node-sass sass-loader -D
2. webpack.base.conf.js文件
module: {
{ //手动添加这一条,相当于是编译识别sass!
test: /\.scss$/,
loaders: ["style", "css", "sass"]}
}
3. 在.vue文件中使用
<style scoped lang="scss">
.box{
width: 100%; :hover{ color: red; }
}
</style>
下面看下sass与scss的区别
用了很久css预编译器,但是一直不太清
- 1
- 2
前往页