1. 首先进入vue 项目,npm install安装依赖
2. 安装sass的依赖包
npm install --save-dev sass-loader
/*sass-loader依赖于node-sass*/
npm install --save-dev node-sass
3、在build文件夹下的webpack.base.conf.js的rules里面添加配置
{
test: /\.sass$/,
loaders: ['style', 'css', 'sass']
}
如图所示:
4. 在vue文件中,使用:
<style lang="scss" scoped></style>