当前位置: 首页 > 工具软件 > css.js > 使用案例 >

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

胡鸿志
2023-12-01

之前做移动端的时候,网上搜索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配置中

 类似资料: