vue项目安装postcss-pxtorem
第一步:命令安装npm i lib-flexible --save第二步:main.js文件引入import 'lib-flexible/flexible'第三步:安装postcss-pxtorem,如果不指定版本有可能会报错。npm i postcss-pxtorem@5.1.1第四步:配置postcss-pxtorem文件,在根目录的.postcssrc.js下配置,如果文件没有,自己手动创建
   ·  
 第一步:命令安装
npm i amfe-flexible第二步:main.js文件引入
import 'amfe-flexible'第三步:安装postcss-pxtorem,如果不指定版本有可能会报错。
npm i postcss-pxtorem@5.1.1第四步:配置postcss-pxtorem文件,在根目录的.postcssrc.js下配置,如果文件没有,自己手动创建个
module.exports = {
    plugins: {
      'autoprefixer': {
        browsers: ['Android >= 4.0', 'iOS >= 8']
      },
      'postcss-pxtorem': {
        // rootValue: 37.5,
        rootValue ({ file }) {
          return file.indexOf('vant') !==- 1?  37.5:75
        },
        propList: ['*']
      }
    }
  }第五步: 根路径创建vue.config.js文件 关闭Eslint 代码校验
module.exports = {
lintOnSave: false
}
第六步:启动项目看效果。
更多推荐
 
 



所有评论(0)