深夜瞎琢磨

关注

在 Vue Cli 3 + 中使用 px2rem-loader

深夜瞎琢磨

关注

阅读 32

2023-06-29

安装 amfe-flexible

npm install amfe-flexible -S

安装 px2rem-loader

npm install px2rem-loader -D

在mian.js中引入

import 'amfe-flexible'

在vue.config.js中配置

module.exports = {
    chainWebpack: config => {
        config.module
            .rule('scss')
            .test(/\.scss$/)
            .oneOf('vue')
            .use('px2rem-loader')
            .loader('px2rem-loader')
            .before('postcss-loader') // this makes it work.
            .options({ remUnit: 75, remPrecision: 8 })
            .end()
    }
}

重启项目

相关推荐

狗啃月亮_Rachel

vue.config.js webpack配置 px2rem-loader自适应处理

狗啃月亮_Rachel 70 0 0

我是小瘦子哟

关于Vue 移动端适配 (px2rem 插件将px转为rem)

我是小瘦子哟 119 0 0

上善若水的道

vue项目中使用rem替换px-使用方法-01

上善若水的道 41 0 0

boom莎卡拉卡

vue 使用postcss-plugin-px2rem(推荐)和 postcss-pxtorem(postcss-px2rem)自动转换px为rem 的配置方法;

boom莎卡拉卡 24 0 0

奋斗De奶爸

基于vue-cli4配置px2rem做到移动端自适配

奋斗De奶爸 70 0 0

sullay

在应用中使用Ext Loader

sullay 35 0 0

醉倾城1

vue项目中使用rem替换px-使用方法-02-问题规整

醉倾城1 89 0 0

Jonescy

Vue 项目引入px2rem插件并配置

Jonescy 3 0 0

Java旺

vue-cli3中不同环境中使用baseURL

Java旺 91 0 0

蛇发女妖

在 Vue2 中使用 lodash

蛇发女妖 76 0 0

精彩评论(0)

0 0 举报