美文网首页
scss定义全局函数、全局方法

scss定义全局函数、全局方法

作者: test_cbz | 来源:发表于2021-07-20 21:18 被阅读0次

需求:
需要一个全局的函数,px转rem,不希望在每个vue文件中引入该函数

步骤一
新建文件,src/assets/rem.css

@function px2rem($px, $base-font-size: 75px) {
  @return ($px / $base-font-size) * 1rem;
}

步骤二

npm install sass-resources-loader --save-dev

步骤三
修改build/utils 文件

找到 generateLoaders 方法,修改 scss 为

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

步骤四:
在 vue文件中 使用
width: px2rem(2072px);

步骤五:
重新 npm run dev

vue-cli2.0 参考
http://www.imooc.com/wenda/detail/414065

vue-cli 3.0 参考:
https://blog.csdn.net/muguli2008/article/details/100578485

相关文章

  • scss定义全局函数、全局方法

    需求:需要一个全局的函数,px转rem,不希望在每个vue文件中引入该函数 步骤一新建文件,src/assets/...

  • swift 宏定义

    两点:1、定义全局变量\函数2、“输出”全局函数在debug和release下设置 一、定义全局变量和全局函数 s...

  • JavaScript 函数

    函数函数定义与调用变量作用域全局变量方法高阶函数闭包箭头函数$generator$ 函数 函数定义与调用 定义函数...

  • PHP中的作用域

    全局作用域与全局变量 在函数外部就是全局作用域,在函数外部定义的变量就是全局变量。默认全局变量只能在全局访问。 局...

  • GeekBand OC 4. 函数成员:方法

    C语言:全局函数 例如:NSLog 面向对象OC:成员函数(方法) 定义方法 -(实例方法)(返回值类型)函数名称...

  • MY_高的地图之MapView

    导入包文件 实现代理 定义全局变量 定义全局宏 定义方法 实现方法

  • Swift 全局宏定义(取消OC 的写法概念)

    全新的Swift开发,已经不在推荐使用oc 的PCH 文件定义全局的宏定义,取而代之的是全局常量和函数方法来代替。...

  • 作用域_全局变量

    JavaScript 全局变量 变量在函数外定义,即为全局变量。 全局变量有 全局作用域: 网页中所有脚本和函数都...

  • vue 全局引入公共的scss

    main.js 只能import css文件 scss文件不能直接import,全局引入公共的scss方法:步骤一...

  • vue全局变量

    在vue项目中 如何定义全局变量 全局函数 - CSDN博客

网友评论

      本文标题:scss定义全局函数、全局方法

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