vue自动px转rem

2021-07-06  本文已影响0人  IF_123

1.安装 lib-flexible

npm i lib-flexible --save

2.安装 px2rem-loader

npm install px2rem-loader --save-dev

3.引入lib-flexible
在main.js中加入

import 'lib-flexible/flexible'

4.在build文件夹中的utils.js中加入

const px2remLoader = {
      loader: 'px2rem-loader',
      options: {
        remUnit: 37.5
      }
    }
const loaders = options.usePostCSS ? [cssLoader, postcssLoader,px2remLoader] : [cssLoader,px2remLoader]

5.重启

npm run dev
上一篇下一篇

猜你喜欢

热点阅读