资讯专栏INFORMATION COLUMN

vue-cli中配置全局sass变量

MingjunYang / 2037人阅读

摘要:如何定义样式的变量,使得全局的样式可以在组件中使用,网上找了一些办法,亲测可以使用,我就记录下来安装修改的目录下,如图是样式文件重新运行

如何定义样式的变量,使得全局的样式可以在组件中使用,网上找了一些办法,亲测可以使用,我就记录下来;

1、安装sass-resources-loader

npm i sass-resources-loader --save-dev

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

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://www.ucloud.cn/yun/103582.html

相关文章

  • vue-cli配置全局sass变量

    摘要:配置安装修改的目录下选项修改为如下选项个人使用习惯我这里是指定了为我的根文件,其他的文件都引入到这个文件中。 配置 安装:sass-resources-loader npm i sass-resources-loader --save-dev 修改vue-cli的目录下build/utils.js scss选项修改为如下选项: return { css: generateL...

    BlackFlagBin 评论0 收藏0
  • 如何更有效率和质量地开发Vue项目

    摘要:前言自总结完了上篇前端工程化的思想,并在全家桶的项目加以实践,趁热给大家总结一篇如何更有效率与质量地开发项目,以及其中踩过的一个个坑。。。 前言 自总结完了上篇前端工程化的思想,并在vue全家桶的项目加以实践,趁热给大家总结一篇如何更有效率与质量地开发vue项目,以及其中踩过的一个个坑。。。 基于vue-cli的自定义模板(Custom Templates) 小伙伴们的vue项目应该都...

    ShevaKuilin 评论0 收藏0
  • 揭秘vue——vue-cli3全面配置

    摘要:中可以使用注入变量访问环境变量中的配置信息向全局样式传入共享的全局变量在中引用添加兼容在中添加配置完整配置持续更新中揭秘系列 目录 √ 配置多环境变量 √ 配置基础 vue.config.js √ 配置 proxy 跨域 √ 修复 HMR(热更新)失效 √ 修复 Lazy loading routes Error: Cyclic dependency √ 添加别名alias √ 压缩...

    hatlonely 评论0 收藏0
  • vue-cli应用scss/less全局变量

    摘要:首先需要安装插件修改的,找到的加载设置修改为,这里的路径即是我们定义全局变量的地方修改的,找到的加载设置这里的路径即是我们定义全局变量的地方替换成上面自定义的函数更多详细知识介绍请访问我的个人主页 首先需要安装插件:sass-resources-loader npm i sass-resources-loader --save-dev scss: 修改vue-cli的build/uti...

    Alex 评论0 收藏0

发表评论

0条评论

MingjunYang

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<