vue-cli中设置全局sass变量

2019年9月1日 213次阅读 来源: 折耳的猫

怎样定义款式的变量，使得全局的款式能够在组件中运用，网上找了一些方法，亲测能够运用，我就记录下来；

1、装置sass-resources-loader

npm i sass-resources-loader –save-dev

2、修正vue-cli的目录下build/utils.js，如图

《vue-cli中设置全局sass变量》

scss: generateLoaders('sass').concat({
      loader:'sass-resources-loader',
      options:{
        resources:path.resolve(__dirname,'../src/assets/css/style.scss')
      }
}),

../src/assets/css/style.scss是款式文件；
3、从新运转npm run dev；

    原文作者：折耳的猫
    原文地址: https://segmentfault.com/a/1190000018884123
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞