如何在Vue中为旧版浏览器启用:root变量回退

时间:2019-04-26 10:50:35

标签: variables vue.js root fallback

抱歉,我是Vue的新手。

我刚刚在全球范围内安装了Vue,并创建了一个项目,该项目具有安装时的默认默认babel和eslint Vue产品。

当我在:root中使用变量时,我注意到这些不包括浏览器后备,但是引入了一些后备,例如:

display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: var(--color-grey); 

display flex正在引起浏览器回退,但是如您所见,我的:root color变量未得到其十六进制代码回退。

所以我的问题是,由于Vue使用babel,eslint,css和autoprefixer,因此必须在其中配置我的部分以输出这些变量的后备。

如何使用默认值启用Vue来为:root变量提供备用。

在这里?:(babel.config.js)

module.exports = {
  presets: [
    '@vue/app'
  ]
}

还是在这里?:(package.json)

"postcss": {
    "plugins": {
      "autoprefixer": {}
    }
  },

还是我必须安装类似https://www.npmjs.com/package/postcss-preset-env

的东西

0 个答案:

没有答案