Nuxt.js使用postcss-px2rem和flexible

1,下载flexible.js

下载地址:http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js

下载后放到/static目录下

2,安装postcss-px2rem

npm install --save postcss-px2rem

3,配置

打开nuxt.config.js

3.1,在head中引入flexible.js

  head: {
    script: [{
      src: '/flexible.js',
      type: 'text/javascript',
      charset: 'utf-8'
    }]
  },

3.2,在build中配置postcss-px2rem

  build: {
    postcss: [
      require('postcss-px2rem')({
        remUnit: 37.5
      })
    ],
  }

remUnit值根据设计图宽度来设置,比如设计图宽度是375px,值就设置为37.5

猜你喜欢

转载自blog.csdn.net/weixin_36185028/article/details/105145710