如何在vue中使用sass全局变量
1、步骤一:进入到你的vue项目文件夹下拿我的为例:cd D:\storeroom\newvue
2、步骤二:执行命令npm install sass-resources-loa蟠校盯昂der --save-dev如磨营稼刻果装了阿里镜像的则使用(速度快一些)cnpm install sass-resources-loader --save-dev如下图所示,表示已经装好了
3、步骤三:此时的项目是这样的,如下图
4、步骤四:在项目中添加一个vue.config.js文件,如下图
5、步骤五:vue.config.js里的内容如下图,其中画红框的地方就是你需要引入的scss的文件路径
6、步骤六:这时候你就可以在整个项目里愉快的使用你scss文件中定义的变量了
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。