美文网首页
Angular中全局引用scss变量

Angular中全局引用scss变量

作者: 辣瓜瓜 | 来源:发表于2020-11-27 11:14 被阅读0次
使用情景
  1. 项目比较复杂的时候,引用全局css样式引用路径会变得很长@import './../../../style.csss'
  2. 在scss中定义了全局的样式变量,希望在每个组件都可以直接使用。
解决方案

我是用的angular9, 脚手架版本是"@angular/cli": "~9.1.9"

在angular.json中增加:

{
    "stylePreprocessorOptions": {
      "includePaths": [
        "src/styles/"
      ]
    },
    "styles": [
      "src/styles/theme.less",
      "src/styles/index.scss"
    ],
}

相关文章

  • Angular中全局引用scss变量

    使用情景 项目比较复杂的时候,引用全局css样式引用路径会变得很长@import './../../../styl...

  • SCSS

    scss语法scss常见用法阮一峰 sass语法 变量 $ 定义 嵌套引用 多值变量 变量计算 定义 嵌套引用,特...

  • vue项目中常见问题及解决方案

    webpack项目中自动引入全局scss变量文件假设我们有一个公共的scss变量文件variables.scss ...

  • vue使用scss

    vite+vue3全局引入scss变量

  • nuxt.js使用笔记

    安装 中文文档[https://www.nuxtjs.cn/api] 引用scss vue页面中使用 全局引用 引...

  • uniapp实现全局变量

    1.引入外部js文件引入全局常量-组件引用全局变量 2.main.js入口文件挂载全局变量-this引用全局变量m...

  • vue_cli3手动安装scss

    安装和使用 这时候安装完就可以在组件中使用scss了。 引入SCSS全局变量 _variable.scss 如果想...

  • Android NDK开发之旅12--JNI--JNI引用

    JNI引用 JNI引用概念:引用变量。 引用类型:局部引用和全局引用(全局引用里面包含全局弱引用)。 作用:在JN...

  • 03Angular模板在组件类中的引用

    在Angular中,我们可以在当前模板的任何地方使用模板引用变量 引用模板元素 @ViewChild用来在类中引用...

  • scss

    最近有项目,顺手学一下scss 设置变量 1.scss可以设置变量。下面再引用比如 :$fs:20px .a{wi...

网友评论

      本文标题:Angular中全局引用scss变量

      本文链接:https://www.haomeiwen.com/subject/avpwrktx.html