wpt-px2rem-loader

px to rem webpack loader

Usage no npm install needed!

<script type="module">
  import wptPx2remLoader from 'https://cdn.skypack.dev/wpt-px2rem-loader';
</script>

README

px to rem webpack loader

通过将css中的px 自动conver 为 rem 的单位。

使用

npm install --save-dev wpt-px2rem-loader

然后在webpack中使用 

file.js

import css from 'file.css';

webpack.config.js

module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/i,
        use: ['style-loader', 'css-loader' ,'wptPx2RemLoader'],
      },
    ],
  },
};

Options

Name Type Default Description
rem {Number} 10 rem的单位
exclude {Array} [] 排除的属性,例如:['font-size']