vue项目使用sass

倒骑驴的猪 2020-08-10

914

vue项目使用sass

安装sass

命令框进入项目根目录下，分别执行以下代码：

npm install node-sass --save-dev 
npm install sass-loader --save-dev   
npm install style-loader --save-dev

可能会出现的错误

执行完以上命令后在项目中使用<style></style>可能会出现报错：loaderContext.getResolve is not a function，只是因为版本安装的sass loader版本太高，降低版本即可，执行以下命令行：

npm uninstall sass-loader  （删除现有版本）
npm install sass-loader@7.3.1 --save-dev （安装制定版本）

安装完成后，重新启动项目即可。

注意事项

页面引用的时候，是lang="scss",不是lang="sass",否则是会报错。

<style scoped lang="scss">
  $highlight-color: #F90;
  .main{
    background-color:$highlight-color ;
  }
</style>

扫码关注

更多精彩等待你发现

文章转载自倒骑驴的猪，如果涉嫌侵权，请发送邮件至：contact@modb.pro进行举报，并提供相关证据，一经查实，墨天轮将立刻删除相关内容。