vue中使用flexible

最新推荐文章于 2024-05-11 00:29:07 发布

Miya锤

最新推荐文章于 2024-05-11 00:29:07 发布

阅读量511

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_45599105/article/details/129501572

版权

1.安装
npm i -s lib-flexible
2.main.js中引入
import “lib-flexible/flexible.js”;
3.node_modules下lib-flexible中flexible.js修改

width = 540 * dpr;
改为
width = width * dpr;

4.配置vue.config.js中

chainWebpack: (config) => {
    config.module
      .rule("css")
      .test(/\.css$/)
      .oneOf("vue")
      .resourceQuery(/\?vue/)
      .use("px2rem")
      .loader("px2rem-loader")
      .options({
        remUnit: 192, //代表的是 1rem = ？px  这里假设设计稿是 1920px ，那么这里的比例就是 1/10
      })
      .end();
  },