postcss-pxtorem问题

postcss-px2rem-exclude 排除

  "devDependencies": {
    "postcss-px2rem-exclude": "0.0.6",
    "postcss-pxtorem": "^4.0.1",
   }

同时添加 postcss-px2rem-exclude postcss-pxtorem
项目根目录下.postcssrc.js postcss的配置文件
修改

module.exports = {
  "plugins": {
    "postcss-import": {},
    "postcss-url": {},
    "autoprefixer": {},
    'postcss-px2rem-exclude': {
      remUnit: 75,
      exclude: RegExp(/node_modules/i), /* 或直接 /node_modules/i 不要“”表示是reg表达式*/
    },
  }
}

不需要再加入postcss-pxtorem的配置了
之前所遇到问题一直无法排除样式
查看node_modules\postcss-px2rem-exclude\lib\index.js代码

'use strict';

var postcss = require('postcss');
var Px2rem = require('px2rem');

module.exports = postcss.plugin('postcss-px2rem-exclude', function (options) {
  return function (css, result) {
    if (options.exclude && css.source.input.file.match(options.exclude) !== null) {
      result.root = css;
      return
    }
    var oldCssText = css.toString();
    var px2remIns = new Px2rem(options);
    var newCssText = px2remIns.generateRem(oldCssText);
    result.root = postcss.parse(newCssText)
  }
});

在配置时exclude要用正则表达式的形式

你可能感兴趣的:(postcss-pxtorem问题)