postcss-px2rem-exclude配置 postcss.config.js无效

之前做移动端的时候,网上搜索px转rem的插件

发现postcss-px2rem-exclude挺好用,只要配置下postcss.config.js就行

module.exports = {
  'plugins': {
    'postcss-px2rem-exclude': {
      remUnit: 75,
      exclude: /node_modules|folder_name/i
    }
  }
}

发现没有效果,然后然后百度网上资料发现发现。。。

需要注意的是:上述配置是脚手架自动生成的文件(并不是自己创建的),即在构建项目时,将babel的配置成单独的文件才可以,否则只能用package.json方式来配置

目前猜测是在构建项目时设置babel的配置成单独的文件时,项目里也封装了对postcss等文件的引用和处理

而假如在构建项目时没有设置babel的配置成单独的文件,那么项目里没有对postcss等文件的引用和处理,自定义的postcss.config.js 也就没有效果

如果再构建项目的时候选择将babel配置单独的文件,那么项目会自动生成:.eslintrc.js  postcss.config.js  babel.config.js  .browserslistrc

如果在构建项目的时候没有将babel单独配置,那么就是不能通过创建postcss.config.js 文件的形式配置,

必须通过package.json配置

 "postcss": {
    "plugins": {
      "autoprefixer": {},
      "postcss-px2rem-exclude": {
        "remUnit": 100,
        "exclude": "/node_modules|floder_name/i"
      }
    }
  },

置于package.json配置中

  • 5
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值