vue自动把单位px转换成rem

最新推荐文章于 2023-11-15 14:25:23 发布

weixin_42553179

最新推荐文章于 2023-11-15 14:25:23 发布

阅读量274

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/weixin_42553179/article/details/100119119

版权

vue 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

vue自动把单位px转换成rem

第一步：npm i lib-flexible -d  和 npm install px2rem-loader - d
第二步：在main.js引入  import 'lib-flexible/flexible'
第三步：在generateLoaders方法中添加px2remLoader
const px2remLoader = {
    loader: 'px2rem-loader',
    options: {
      remUnit: 37.5
    }
  }
const loaders = [cssLoader,px2remLoader] 替换 const loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader]

注意：1rem = 100px，在main.js引入css