0
点赞
收藏
分享

微信扫一扫

github-markdown-css 的使用

泠之屋 2022-02-08 阅读 53

github-markdown-css 的使用

使用

  1. 直接将文件下载到项目中
    在这里插入图片描述
  2. postcss-pxtorem 优化字体大小
    在这里插入图片描述
// PostCSS 配置文件
module.exports = {
  // 配置要使用的 PostCSS 插件
  plugins: {
    // 配置使用 postcss-pxtorem 插件
    // 作用:把 px 转为 rem
    'postcss-pxtorem': {
      /* 
      rootValue 支持两种类型:
          数字:固定的数值
          函数:可以动态处理返回
          postcss-pxtorem 处理每个 CSS 文件的时候都会来调用这个函数
          它会把被处理的 CSS 文件相关的信息通过参数传递给该函数
      */
      // postcss-pxtorem 插件的版本需要 >= 5.0.0
      rootValue ({ file }) {
        return file.indexOf('vant') !== -1 ? 37.5 : 75
      },

      // 配置要转换的 CSS 属性
      // * 表示所有
      propList: ['*'],

      // 配置不要转换的样式资源
      exclude: 'github-markdown'
    }
  }
}

其它

github-markdown-css 官网

举报

相关推荐

0 条评论