pxrem-loader
Usage
Transforming css from px to rem, base on pxrem
Getting Started
$ npm install --save-dev pxrem-loader
// webpack.config.jsmoduleexports = module: rules: test: /\.css$/ use: loader: 'style' loader: 'css' loader: 'pxrem-loader' options: root: 75 fixed: 6
Options
- root: root value from px to rem, default to 75
- fixed: precision of rem value, default to 6
- filter: css declaration that should be ignored, can be regexp or function, default to null
- keepPx: keep px for compatible in old browsers, default to false
- commentFilter: comment after css declaration that should be ignored, default to 'no'
Examples
With SASS
// webpack.config.jsmoduleexports = module: loaders: test: /\.scss$/ loader: 'style!css!pxrem!sass' pxrem: root: 75 filter: /^border/ fixed: 4 keepPx: false commentFilter: 'no'
/* source */ /* output */
Test
$ npm i && npm test