1.安装sass的依赖包
npm install --save-dev sass-loader
//sass-loader依赖于node-sass
npm install --save-dev node-sass
这两个包似乎有依赖关系,需要先安装sass loader再安装node-sass
2.在build文件夹下的webpack.base.conf.js的rules里面添加配置
{
test: /\.sass$/,
loaders: ['style', 'css', 'sass']
}
3.使用,style首行加入lang="scss"
<style lang="scss" scoped>
$highlight-color: #F90;
.hello {
width:100px;
height:100px;
border: 1px solid $highlight-color;
}
网友评论